@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: not-allowed
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

.foundation-mq {
	font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}

html {
	font-size: 100%;
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #212121;
	background: #fefefe;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

img {
	width: 75%;
	/*max-width: 100%;*/
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle
}


textarea {
	height: auto;
	min-height: 50px
}

select,
textarea {
	border-radius: 3px
}

select {
	width: 100%
}

#map_canvas embed,
#map_canvas img,
#map_canvas object,
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
	max-width: none!important
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	border-radius: 3px;
	line-height: 1
}

[data-whatinput=mouse] button {
	outline: 0
}

.is-visible {
	display: block!important
}

.is-hidden {
	display: none!important
}

.row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.row .row {
	margin-left: -.625rem;
	margin-right: -.625rem
}

@media screen and (min-width:40em) {
	.row .row {
		margin-left: -.9375rem;
		margin-right: -.9375rem
	}
}

.row.expanded {
	max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
	padding-left: 0;
	padding-right: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
	margin-left: 0;
	margin-right: 0
}

.column,
.columns {
	-ms-flex: 1 1 0px;
	flex: 1 1 0px;
	padding-left: .625rem;
	padding-right: .625rem;
	min-width: 0
}

@media screen and (min-width:40em) {
	.column,
	.columns {
		padding-left: .9375rem;
		padding-right: .9375rem
	}
}

.column.row.row,
.row.row.columns {
	float: none;
	display: block
}

.row .column.row.row,
.row .row.row.columns {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0
}

.small-1 {
	-ms-flex: 0 0 8.33333%;
	flex: 0 0 8.33333%;
	max-width: 8.33333%
}

.small-offset-0 {
	margin-left: 0
}

.small-2 {
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.small-offset-1 {
	margin-left: 8.33333%
}

.small-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.small-offset-2 {
	margin-left: 16.66667%
}

.small-4 {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.small-offset-3 {
	margin-left: 25%
}

.small-5 {
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%
}

.small-offset-4 {
	margin-left: 33.33333%
}

.small-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 100%;
	max-width: 100%
}

.small-offset-5 {
	margin-left: 41.66667%
}

.small-7 {
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%
}

.small-offset-6 {
	margin-left: 50%
}

.small-8 {
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%
}

.small-offset-7 {
	margin-left: 58.33333%
}

.small-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.small-offset-8 {
	margin-left: 66.66667%
}

.small-10 {
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%
}

.small-offset-9 {
	margin-left: 75%
}

.small-11 {
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%
}

.small-offset-10 {
	margin-left: 83.33333%
}

.small-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: -60px;
	/*position: relative;
	top: 60px;	*/
}


.small-offset-11 {
	margin-left: 91.66667%
}

.small-up-1 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.small-up-2 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.small-up-3 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%
}

.small-up-4 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.small-up-5 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.small-up-6 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%
}

.small-up-7 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
	-ms-flex: 0 0 14.28571%;
	flex: 0 0 14.28571%;
	max-width: 14.28571%
}

.small-up-8 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
	padding-left: 0;
	padding-right: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
	padding-left: .625rem;
	padding-right: .625rem
}

@media screen and (min-width:40em) {
	.medium-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.medium-offset-0 {
		margin-left: 0
	}
	.medium-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.medium-offset-1 {
		margin-left: 8.33333%
	}
	.medium-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.medium-offset-2 {
		margin-left: 16.66667%
	}
	.medium-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.medium-offset-3 {
		margin-left: 25%
	}
	.medium-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.medium-offset-4 {
		margin-left: 33.33333%
	}
	.medium-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 90%;
		max-width: 90%
	}
	.medium-offset-5 {
		margin-left: 41.66667%
	}
	.medium-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.medium-offset-6 {
		margin-left: 50%
	}
	.medium-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.medium-offset-7 {
		margin-left: 58.33333%
	}
	.medium-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.medium-offset-8 {
		margin-left: 66.66667%
	}
	.medium-10 {
		-ms-flex: 0 0 95.33333%;
		flex: 0 0 95.33333%;
		max-width: 95.33333%
	}
	.medium-offset-9 {
		margin-left: 75%
	}
	.medium-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.medium-offset-10 {
		margin-left: 83.33333%
	}
	.medium-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.medium-offset-11 {
		margin-left: 91.66667%
	}
	.medium-order-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.medium-order-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.medium-order-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.medium-order-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.medium-order-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.medium-order-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.medium-up-1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-1>.column,
	.medium-up-1>.columns {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.medium-up-2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-2>.column,
	.medium-up-2>.columns {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.medium-up-3 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-3>.column,
	.medium-up-3>.columns {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.medium-up-4 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-4>.column,
	.medium-up-4>.columns {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.medium-up-5 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-5>.column,
	.medium-up-5>.columns {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
	.medium-up-6 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-6>.column,
	.medium-up-6>.columns {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.medium-up-7 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-7>.column,
	.medium-up-7>.columns {
		-ms-flex: 0 0 14.28571%;
		flex: 0 0 14.28571%;
		max-width: 14.28571%
	}
	.medium-up-8 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.medium-up-8>.column,
	.medium-up-8>.columns {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media screen and (min-width:40em) and (min-width:40em) {
	.medium-expand {
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

@media screen and (min-width:40em) {
	.row.medium-unstack>.column,
	.row.medium-unstack>.columns {
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

@media screen and (min-width:40em) {
	.medium-collapse>.column,
	.medium-collapse>.columns {
		padding-left: 0;
		padding-right: 0
	}
	.medium-uncollapse>.column,
	.medium-uncollapse>.columns {
		padding-left: .9375rem;
		padding-right: .9375rem
	}
}

@media screen and (min-width:64em) {
	.large-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.large-offset-0 {
		margin-left: 0
	}
	.large-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-offset-1 {
		margin-left: 8.33333%
	}
	.large-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.large-offset-2 {
		margin-left: 16.66667%
	}
	.large-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.large-offset-3 {
		margin-left: 25%
	}
	.large-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.large-offset-4 {
		margin-left: 33.33333%
	}
	.large-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-offset-5 {
		margin-left: 41.66667%
	}
	.large-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.large-offset-6 {
		margin-left: 50%
	}
	.large-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.large-offset-7 {
		margin-left: 58.33333%
	}
	.large-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.large-offset-8 {
		margin-left: 66.66667%
	}
	.large-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.large-offset-9 {
		margin-left: 75%
	}
	.large-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.large-offset-10 {
		margin-left: 83.33333%
	}
	.large-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-offset-11 {
		margin-left: 91.66667%
	}
	.large-order-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.large-order-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.large-order-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.large-order-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.large-order-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.large-order-6 {
		-ms-flex-order: 6;
		order: 6
	}
	.large-up-1 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-1>.column,
	.large-up-1>.columns {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
	.large-up-2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-2>.column,
	.large-up-2>.columns {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.large-up-3 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-3>.column,
	.large-up-3>.columns {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.large-up-4 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-4>.column,
	.large-up-4>.columns {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.large-up-5 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-5>.column,
	.large-up-5>.columns {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}
	.large-up-6 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-6>.column,
	.large-up-6>.columns {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.large-up-7 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-7>.column,
	.large-up-7>.columns {
		-ms-flex: 0 0 14.28571%;
		flex: 0 0 14.28571%;
		max-width: 14.28571%
	}
	.large-up-8 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.large-up-8>.column,
	.large-up-8>.columns {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%
	}
}

@media screen and (min-width:64em) and (min-width:64em) {
	.large-expand {
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%
}

@media screen and (min-width:64em) {
	.row.large-unstack>.column,
	.row.large-unstack>.columns {
		-ms-flex: 1 1 0px;
		flex: 1 1 0px
	}
}

@media screen and (min-width:64em) {
	.large-collapse>.column,
	.large-collapse>.columns {
		padding-left: 0;
		padding-right: 0
	}
	.large-uncollapse>.column,
	.large-uncollapse>.columns {
		padding-left: .9375rem;
		padding-right: .9375rem
	}
}

.shrink {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%
}

.align-top.columns,
.column.align-top {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.align-bottom.columns,
.column.align-bottom {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.align-middle.columns,
.column.align-middle {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.align-stretch.columns,
.column.align-stretch {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
	margin: 0;
	padding: 0
}

p {
	font-size: inherit;
	line-height: 1.6;
	margin-bottom: 1rem;
	text-rendering: optimizeLegibility
}

em,
i {
	font-style: italic
}

b,
em,
i,
strong {
	line-height: inherit
}

b,
strong {
	font-weight: 700
}

small {
	font-size: 80%;
	line-height: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 1.2rem;
	line-height: 1.3
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #cacaca;
	line-height: 0
}

h1 {
	font-size: 2.125rem
}

h2 {
	font-size: 1.75rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.25rem
}

h5 {
	font-size: 1.125rem
}

h6 {
	font-size: 1rem
}

@media screen and (min-width:40em) {
	h1 {
		font-size: 3rem
	}
	h2 {
		font-size: 2.125rem
	}
	h3 {
		font-size: 1.75rem
	}
	h4 {
		font-size: 1.5rem
	}
	h5 {
		font-size: 1.25rem
	}
	h6 {
		font-size: 1rem
	}
}

a {
	color: rgb(42,179,241);
	text-decoration: none;
	line-height: inherit;
	cursor: pointer
}

a:focus,
a:hover {
	color: #1198b4
}

a img {
	border: 0;
	width: 37px;
	height: 37px;
	/*box-shadow: 0 0 10px #000000;*/
	
}

hr {
	max-width: 75rem;
	height: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #ebebeb;
	border-left: 0;
	margin: 1.25rem auto;
	clear: both
}

dl,
ol,
ul {
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside
}

li {
	font-size: inherit
}

ul {
	list-style-type: disc
}

ol,
ul {
	margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-left: 1.25rem;
	margin-bottom: 0
}

dl {
	margin-bottom: 1rem
}

dl dt {
	margin-bottom: .3rem;
	font-weight: 700
}

blockquote {
	margin: 0 0 1rem;
	padding: .5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #cacaca
}

blockquote,
blockquote p {
	line-height: 1.6;
	color: #8a8a8a
}

cite {
	display: block;
	font-size: .8125rem;
	color: #8a8a8a
}

cite:before {
	content: "\2014 \0020"
}

abbr {
	color: #212121;
	cursor: help;
	border-bottom: 1px dotted #0a0a0a
}

code {
	font-weight: 400;
	border: 1px solid #cacaca;
	padding: .125rem .3125rem .0625rem
}

code,
kbd {
	font-family: Menlo, Consolas, Liberation Mono, Courier, monospace;
	color: #0a0a0a;
	background-color: #e0e0e0
}

kbd {
	padding: .125rem .25rem 0;
	margin: 0;
	border-radius: 3px
}

.subheader {
	margin-top: .2rem;
	margin-bottom: .5rem;
	font-weight: 400;
	line-height: 1.4;
	color: #8a8a8a
}

.lead {
	font-size: 125%;
	line-height: 1.6
}

.stat {
	font-size: 2.5rem;
	line-height: 1
}

p+.stat {
	margin-top: -1rem
}

.no-bullet {
	margin-left: 0;
	list-style: none
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

@media screen and (min-width:40em) {
	.medium-text-left {
		text-align: left
	}
	.medium-text-right {
		text-align: right
	}
	.medium-text-center {
		text-align: center
	}
	.medium-text-justify {
		text-align: justify
	}
}

@media screen and (min-width:64em) {
	.large-text-left {
		text-align: left
	}
	.large-text-right {
		text-align: right
	}
	.large-text-center {
		text-align: center
	}
	.large-text-justify {
		text-align: justify
	}
}

.show-for-print {
	display: none!important
}

@media print {
	* {
		background: transparent!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	.show-for-print {
		display: block!important
	}
	.hide-for-print {
		display: none!important
	}
	table.show-for-print {
		display: table!important
	}
	thead.show-for-print {
		display: table-header-group!important
	}
	tbody.show-for-print {
		display: table-row-group!important
	}
	tr.show-for-print {
		display: table-row!important
	}
	td.show-for-print,
	th.show-for-print {
		display: table-cell!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	.ir a:after,
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	blockquote,
	pre {
		border: 1px solid #8a8a8a;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}
	@page {
		margin: .5cm
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color .25s ease-out, color .25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: .75em 1.1em .65em;
	margin: 0 0 1rem;
	font-size: .875rem;
	/*background-color: #35c8e6;*/
	color: #fefefe
}

[data-whatinput=mouse] .button {
	outline: 0
}

.button:focus,
.button:hover {
	background-color: #1ab6d6;
	color: #fefefe
}

.button.tiny {
	font-size: .6rem
}

.button.small {
	font-size: .75rem
}

.button.large {
	font-size: 1rem
}

.button.expanded {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0
}

.button.primary {
	background-color: #35c8e6;
	color: #fefefe
}

.button.primary:focus,
.button.primary:hover {
	background-color: #19acc9;
	color: #fefefe
}

.button.secondary {
	background-color: #eee;
	color: #0a0a0a
}

.button.secondary:focus,
.button.secondary:hover {
	background-color: #bebebe;
	color: #0a0a0a
}

.button.success {
	background-color: #66bb6a;
	color: #fefefe
}

.button.success:focus,
.button.success:hover {
	background-color: #47a04b;
	color: #fefefe
}

.button.warning {
	background-color: #ffb300;
	color: #fefefe
}

.button.warning:focus,
.button.warning:hover {
	background-color: #cc8f00;
	color: #fefefe
}

.button.alert {
	background-color: #ef5350;
	color: #0a0a0a
}

.button.alert:focus,
.button.alert:hover {
	background-color: #ea1a16;
	color: #0a0a0a
}

.button.hollow {
	border: 1px solid #35c8e6;
	color: #35c8e6
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
	background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
	border-color: #106b7e;
	color: #106b7e
}

.button.hollow.primary {
	border: 1px solid #35c8e6;
	color: #35c8e6
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
	border-color: #106b7e;
	color: #106b7e
}

.button.hollow.secondary {
	border: 1px solid #eee;
	color: #eee
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
	border-color: #777;
	color: #777
}

.button.hollow.success {
	border: 1px solid #66bb6a;
	color: #66bb6a
}

.button.hollow.success:focus,
.button.hollow.success:hover {
	border-color: #2c642f;
	color: #2c642f
}

.button.hollow.warning {
	border: 1px solid #ffb300;
	color: #ffb300
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
	border-color: #805a00;
	color: #805a00
}

.button.hollow.alert {
	border: 1px solid #ef5350;
	color: #ef5350
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
	border-color: #92100d;
	color: #92100d
}

.button.disabled,
.button[disabled] {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
	background-color: #35c8e6;
	color: #fefefe
}

.button.disabled.primary,
.button[disabled].primary {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
	background-color: #35c8e6;
	color: #fefefe
}

.button.disabled.secondary,
.button[disabled].secondary {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
	background-color: #eee;
	color: #fefefe
}

.button.disabled.success,
.button[disabled].success {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover {
	background-color: #66bb6a;
	color: #fefefe
}

.button.disabled.warning,
.button[disabled].warning {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
	background-color: #ffb300;
	color: #fefefe
}

.button.disabled.alert,
.button[disabled].alert {
	opacity: .25;
	cursor: not-allowed
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
	background-color: #ef5350;
	color: #fefefe
}

.button.dropdown:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: .4em inset;
	border-color: #fefefe transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	position: relative;
	top: .4em;
	float: right;
	margin-left: 1.1em;
	display: inline-block
}

.button.arrow-only:after {
	margin-left: 0;
	float: none;
	top: -.1em
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.4375rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: #0a0a0a;
	background-color: #fefefe;
	box-shadow: none;
	border-radius: 3px;
	transition: box-shadow .5s, border-color .25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
	border: 1px solid #8a8a8a;
	background-color: #fefefe;
	outline: none;
	box-shadow: none;
	transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
	max-width: 100%
}

textarea[rows] {
	height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #cacaca
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #cacaca
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #cacaca
}

input::placeholder,
textarea::placeholder {
	color: #cacaca
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
	background-color: #e0e0e0;
	cursor: default
}

[type=button],
[type=submit] {
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none
}

input[type=search] {
	box-sizing: border-box
}

[type=checkbox],
[type=file],
[type=radio] {
	margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
	display: inline-block;
	margin-left: .5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
	cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
	margin-right: .5rem
}

[type=file] {
	width: 100%
}

label {
	display: block;
	margin: 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.8;
	color: #757575
}

label.middle {
	margin: 0 0 1rem;
	padding: .5625rem 0
}

.help-text {
	margin-top: -.5rem;
	font-size: .8125rem;
	font-style: italic;
	color: #0a0a0a
}

.input-group {
	display: table;
	width: 100%;
	margin-bottom: 1rem
}

.input-group>:first-child {
	border-radius: 3px 0 0 3px
}

.input-group>:last-child>* {
	border-radius: 0 3px 3px 0
}

.input-group-button,
.input-group-field,
.input-group-label {
	margin: 0;
	white-space: nowrap;
	display: table-cell;
	vertical-align: middle
}

.input-group-label {
	text-align: center;
	padding: 0 1rem;
	background: #e0e0e0;
	color: #0a0a0a;
	border: 1px solid #cacaca;
	white-space: nowrap;
	width: 1%;
	height: 100%
}

.input-group-label:first-child {
	border-right: 0
}

.input-group-label:last-child {
	border-left: 0
}

.input-group-field {
	border-radius: 0;
	height: 2.5rem
}

.input-group-button {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	height: 100%;
	width: 1%
}

.input-group-button a,
.input-group-button button,
.input-group-button input {
	margin: 0
}

.input-group .input-group-button {
	display: table-cell
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0
}

legend {
	margin-bottom: .5rem;
	max-width: 100%
}

.fieldset {
	border: 1px solid #cacaca;
	padding: 1.25rem;
	margin: 1.125rem 0
}

.fieldset legend {
	background: #fefefe;
	padding: 0 .1875rem;
	margin: 0;
	margin-left: -.1875rem
}

select {
	height: 2.4375rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-size: 1rem;
	font-family: inherit;
	line-height: normal;
	color: #0a0a0a;
	background-color: #fefefe;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-size: 9px 6px;
	background-position: right -1rem center;
	background-origin: content-box;
	background-repeat: no-repeat;
	padding-right: 1.5rem
}

@media screen and (min-width:0\0) {
	select {
		background-image: url("")
	}
}

select:disabled {
	background-color: #e0e0e0;
	cursor: default
}

select::-ms-expand {
	display: none
}

select[multiple] {
	height: auto;
	background-image: none
}

.is-invalid-input:not(:focus) {
	background-color: rgba(239, 83, 80, .1);
	border-color: #ef5350
}

.form-error,
.is-invalid-label {
	color: #ef5350
}

.form-error {
	display: none;
	margin-top: -.5rem;
	margin-bottom: 1rem;
	font-size: .75rem;
	font-weight: 700
}

.form-error.is-visible {
	display: block
}

.accordion {
	list-style-type: none;
	background: #fefefe;
	margin-left: 0
}

.accordion-item:first-child>:first-child {
	border-radius: 3px 3px 0 0
}

.accordion-item:last-child>:last-child {
	border-radius: 0 0 3px 3px
}

.accordion-title {
	display: block;
	padding: 1.25rem 1rem;
	line-height: 1;
	font-size: .75rem;
	color: #35c8e6;
	position: relative;
	border: 1px solid #e0e0e0;
	border-bottom: 0
}

:last-child:not(.is-active)>.accordion-title {
	border-radius: 0 0 3px 3px;
	border-bottom: 1px solid #e0e0e0
}

.accordion-title:focus,
.accordion-title:hover {
	background-color: #e0e0e0
}

.accordion-title:before {
	content: "+";
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -.5rem
}

.is-active>.accordion-title:before {
	content: "鈥�"
}

.accordion-content {
	padding: 1rem;
	display: none;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	background-color: #fefefe;
	color: #35c8e6
}

:last-child>.accordion-content:last-child {
	border-bottom: 1px solid #e0e0e0
}

.is-accordion-submenu-parent>a {
	position: relative
}

.is-accordion-submenu-parent>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	border-color: #35c8e6 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a:after {
	transform-origin: 50% 50%;
	transform: scaleY(-1)
}

.badge {
	display: inline-block;
	padding: .3em;
	min-width: 2.1em;
	font-size: .6rem;
	text-align: center;
	border-radius: 50%;
	background: #35c8e6;
	color: #fefefe
}

.badge.secondary {
	background: #eee;
	color: #0a0a0a
}

.badge.success {
	background: #66bb6a;
	color: #fefefe
}

.badge.warning {
	background: #ffb300;
	color: #fefefe
}

.badge.alert {
	background: #ef5350;
	color: #0a0a0a
}

.breadcrumbs {
	list-style: none;
	margin: 0 0 1rem
}

.breadcrumbs:after,
.breadcrumbs:before {
	content: " ";
	display: table
}

.breadcrumbs:after {
	clear: both
}

.breadcrumbs li {
	float: left;
	color: #0a0a0a;
	font-size: .6875rem;
	cursor: default;
	text-transform: uppercase
}

.breadcrumbs li:not(:last-child):after {
	color: #cacaca;
	content: "/";
	margin: 0 .75rem;
	position: relative;
	top: 1px;
	opacity: 1
}

.breadcrumbs a {
	color: #35c8e6
}

.breadcrumbs a:hover {
	text-decoration: underline
}

.breadcrumbs .disabled {
	color: #cacaca;
	cursor: not-allowed
}

.button-group {
	margin-bottom: 1rem;
	font-size: 0
}

.button-group:after,
.button-group:before {
	content: " ";
	display: table
}

.button-group:after {
	clear: both
}

.button-group .button {
	margin: 0;
	margin-right: 1px;
	margin-bottom: 1px;
	font-size: .875rem
}

.button-group .button:last-child {
	margin-right: 0
}

.button-group.tiny .button {
	font-size: .6rem
}

.button-group.small .button {
	font-size: .75rem
}

.button-group.large .button {
	font-size: 1rem
}

.button-group.expanded {
	margin-right: -1px
}

.button-group.expanded:after,
.button-group.expanded:before {
	display: none
}

.button-group.expanded .button:first-child:nth-last-child(2),
.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
	display: inline-block;
	width: calc(50% - 1px);
	margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(2):last-child {
	margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(3),
.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
	display: inline-block;
	width: calc(33.33333% - 1px);
	margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(3):last-child {
	margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(4),
.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
	display: inline-block;
	width: calc(25% - 1px);
	margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(4):last-child {
	margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(5),
.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
	display: inline-block;
	width: calc(20% - 1px);
	margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(5):last-child {
	margin-right: -6px
}

.button-group.expanded .button:first-child:nth-last-child(6),
.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
	display: inline-block;
	width: calc(16.66667% - 1px);
	margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,
.button-group.expanded .button:first-child:nth-last-child(6):last-child {
	margin-right: -6px
}

.button-group.primary .button {
	background-color: #35c8e6;
	color: #fefefe
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
	background-color: #19acc9;
	color: #fefefe
}

.button-group.secondary .button {
	background-color: #eee;
	color: #0a0a0a
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
	background-color: #bebebe;
	color: #0a0a0a
}

.button-group.success .button {
	background-color: #66bb6a;
	color: #fefefe
}

.button-group.success .button:focus,
.button-group.success .button:hover {
	background-color: #47a04b;
	color: #fefefe
}

.button-group.warning .button {
	background-color: #ffb300;
	color: #fefefe
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
	background-color: #cc8f00;
	color: #fefefe
}

.button-group.alert .button {
	background-color: #ef5350;
	color: #0a0a0a
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
	background-color: #ea1a16;
	color: #0a0a0a
}

.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button,
.button-group.stacked .button {
	width: 100%
}

.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked .button:last-child {
	margin-bottom: 0
}

@media screen and (min-width:40em) {
	.button-group.stacked-for-small .button {
		width: auto;
		margin-bottom: 0
	}
}

@media screen and (min-width:64em) {
	.button-group.stacked-for-medium .button {
		width: auto;
		margin-bottom: 0
	}
}

@media screen and (max-width:39.9375em) {
	.button-group.stacked-for-small.expanded {
		display: block
	}
	.button-group.stacked-for-small.expanded .button {
		display: block;
		margin-right: 0
	}
}

.callout {
	margin: 0 0 1rem;
	padding: 1rem;
	border: 1px solid hsla(0, 0%, 4%, .25);
	border-radius: 3px;
	position: relative;
	color: #212121;
	background-color: #fff
}

.callout>:first-child {
	margin-top: 0
}

.callout>:last-child {
	margin-bottom: 0
}

.callout.primary {
	background-color: #e1f7fb
}

.callout.secondary {
	background-color: #fcfcfc
}

.callout.success {
	background-color: #e8f5e9
}

.callout.warning {
	background-color: #fff4d9
}

.callout.alert {
	background-color: #fde5e5
}

.callout.small {
	padding: .5rem
}

.callout.large {
	padding: 3rem
}

.close-button {
	position: absolute;
	color: #8a8a8a;
	right: 1rem;
	top: .5rem;
	font-size: 2em;
	line-height: 1;
	cursor: pointer
}

[data-whatinput=mouse] .close-button {
	outline: 0
}

.close-button:focus,
.close-button:hover {
	color: #0a0a0a
}

.menu {
	margin: 0;
	list-style-type: none
}

.menu>li {
	display: table-cell;
	vertical-align: middle
}

[data-whatinput=mouse] .menu>li {
	outline: 0
}

.menu>li>a {
	display: block;
	padding: .7rem 1rem;
	line-height: 1
}

.menu a,
.menu button,
.menu input {
	margin-bottom: 0
}

.menu>li>a i,
.menu>li>a i+span,
.menu>li>a img,
.menu>li>a img+span,
.menu>li>a svg,
.menu>li>a svg+span {
	vertical-align: middle
}

.menu>li>a i,
.menu>li>a img,
.menu>li>a svg {
	margin-right: .25rem;
	display: inline-block
}

.menu>li {
	display: table-cell
}

.menu.vertical>li {
	display: block
}

@media screen and (min-width:40em) {
	.menu.medium-horizontal>li {
		display: table-cell
	}
	.menu.medium-vertical>li {
		display: block
	}
}

@media screen and (min-width:64em) {
	.menu.large-horizontal>li {
		display: table-cell
	}
	.menu.large-vertical>li {
		display: block
	}
}

.menu.simple li {
	line-height: 1;
	display: inline-block;
	margin-right: 1rem
}

.menu.simple a {
	padding: 0
}

.menu.align-right:after,
.menu.align-right:before {
	content: " ";
	display: table
}

.menu.align-right:after {
	clear: both
}

.menu.align-right>li {
	float: right
}

.menu.expanded {
	width: 100%;
	display: table;
	table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
	width: 100%
}

.menu.icon-top>li>a {
	text-align: center
}

.menu.icon-top>li>a i,
.menu.icon-top>li>a img,
.menu.icon-top>li>a svg {
	display: block;
	margin: 0 auto .25rem
}

.menu.nested {
	margin-left: 1rem
}

.menu .active>a {
	color: #fefefe;
	background: #35c8e6
}

.menu-text {
	font-weight: 700;
	color: inherit;
	line-height: 1;
	padding-top: 0;
	padding-bottom: 0;
	padding: .7rem 1rem
}

.menu-centered {
	text-align: center
}

.menu-centered>.menu {
	display: inline-block
}

.no-js [data-responsive-menu] ul {
	display: none
}

.menu-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 16px
}

.menu-icon:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #fefefe;
	top: 0;
	left: 0;
	box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover:after {
	background: #cacaca;
	box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 16px
}

.menu-icon.dark:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #0a0a0a;
	top: 0;
	left: 0;
	box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover:after {
	background: #8a8a8a;
	box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.is-drilldown {
	position: relative;
	overflow: hidden
}

.is-drilldown li {
	display: block!important
}

.is-drilldown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
	width: 100%;
	background: #fefefe;
	transition: transform .15s linear
}

.is-drilldown-submenu.is-active {
	z-index: 1;
	display: block;
	transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
	transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
	position: relative
}

.is-drilldown-submenu-parent>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	border-color: transparent transparent transparent #35c8e6;
	border-left-style: solid;
	border-right-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 1rem
}

.js-drilldown-back>a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	border-color: transparent #35c8e6 transparent transparent;
	border-right-style: solid;
	border-left-width: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: .75rem
}

.dropdown-pane {
	background-color: #fefefe;
	border: 1px solid #cacaca;
	border-radius: 3px;
	display: block;
	font-size: 1rem;
	padding: 1rem;
	position: absolute;
	visibility: hidden;
	width: 300px;
	z-index: 10
}

.dropdown-pane.is-open {
	visibility: visible
}

.dropdown-pane.tiny {
	width: 100px
}

.dropdown-pane.small {
	width: 200px
}

.dropdown-pane.large {
	width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 0;
	top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 0;
	top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
	padding-right: 1rem;
	position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px inset;
	border-color: #14b1d1 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	right: 5px;
	margin-top: -2px
}

[data-whatinput=mouse] .dropdown.menu a {
	outline: 0
}

.no-js .dropdown.menu ul {
	display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
	top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 100%
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

.dropdown.menu.vertical>li>a:after {
	right: 14px;
	margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px inset;
	border-color: transparent #14b1d1 transparent transparent;
	border-right-style: solid;
	border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px inset;
	border-color: transparent transparent transparent #14b1d1;
	border-left-style: solid;
	border-right-width: 0
}

@media screen and (min-width:40em) {
	.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%
	}
	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 0;
		top: 100%
	}
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
		padding-right: 1.5rem;
		position: relative
	}
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: #14b1d1 transparent transparent;
		border-top-style: solid;
		border-bottom-width: 0;
		right: 5px;
		margin-top: -2px
	}
	.dropdown.menu.medium-vertical>li .is-dropdown-submenu {
		top: 0
	}
	.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 100%
	}
	.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}
	.dropdown.menu.medium-vertical>li>a:after {
		right: 14px;
		margin-top: -3px
	}
	.dropdown.menu.medium-vertical>li.opens-left>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: transparent #14b1d1 transparent transparent;
		border-right-style: solid;
		border-left-width: 0
	}
	.dropdown.menu.medium-vertical>li.opens-right>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: transparent transparent transparent #14b1d1;
		border-left-style: solid;
		border-right-width: 0
	}
}

@media screen and (min-width:64em) {
	.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%
	}
	.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 0;
		top: 100%
	}
	.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
		padding-right: 1.5rem;
		position: relative
	}
	.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: #14b1d1 transparent transparent;
		border-top-style: solid;
		border-bottom-width: 0;
		right: 5px;
		margin-top: -2px
	}
	.dropdown.menu.large-vertical>li .is-dropdown-submenu {
		top: 0
	}
	.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
		left: auto;
		right: 100%
	}
	.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}
	.dropdown.menu.large-vertical>li>a:after {
		right: 14px;
		margin-top: -3px
	}
	.dropdown.menu.large-vertical>li.opens-left>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: transparent #14b1d1 transparent transparent;
		border-right-style: solid;
		border-left-width: 0
	}
	.dropdown.menu.large-vertical>li.opens-right>a:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border: 5px inset;
		border-color: transparent transparent transparent #14b1d1;
		border-left-style: solid;
		border-right-width: 0
	}
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
	top: 100%;
	left: auto;
	right: 0
}

.is-dropdown-menu.vertical {
	width: 100px
}

.is-dropdown-menu.vertical.align-right {
	float: right
}

.is-dropdown-submenu-parent {
	position: relative
}

.is-dropdown-submenu-parent a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
	top: 100%;
	left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
	left: auto;
	right: 100%
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

.is-dropdown-submenu {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 200px;
	z-index: 1;
	background: #fefefe;
	border: 1px solid #cacaca
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
	right: 14px;
	margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px inset;
	border-color: transparent #14b1d1 transparent transparent;
	border-right-style: solid;
	border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px inset;
	border-color: transparent transparent transparent #14b1d1;
	border-left-style: solid;
	border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
	margin-top: -1px
}

.is-dropdown-submenu>li {
	width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
	display: block
}

.flex-video {
	position: relative;
	height: 0;
	padding-bottom: 75%;
	margin-bottom: 1rem;
	overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.flex-video.widescreen {
	padding-bottom: 56.25%
}

.flex-video.vimeo {
	padding-top: 0
}

.label {
	display: inline-block;
	padding: .33333rem .5rem;
	font-size: .8rem;
	line-height: 1;
	white-space: nowrap;
	cursor: default;
	border-radius: 3px;
	background: #35c8e6;
	color: #fefefe
}

.label.secondary {
	background: #eee;
	color: #0a0a0a
}

.label.success {
	background: #66bb6a;
	color: #fefefe
}

.label.warning {
	background: #ffb300;
	color: #fefefe
}

.label.alert {
	background: #ef5350;
	color: #0a0a0a
}

.media-object {
	margin-bottom: 1rem;
	display: block
}

.media-object img {
	max-width: none
}

@media screen and (max-width:39.9375em) {
	.media-object.stack-for-small .media-object-section {
		padding: 0;
		padding-bottom: 1rem;
		display: block
	}
	.media-object.stack-for-small .media-object-section img {
		width: 100%
	}
}

.media-object-section {
	display: table-cell;
	vertical-align: top
}

.media-object-section:first-child {
	padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
	padding-left: 1rem
}

.media-object-section>:last-child {
	margin-bottom: 0
}

.media-object-section.middle {
	vertical-align: middle
}

.media-object-section.bottom {
	vertical-align: bottom
}

.off-canvas-wrapper {
	width: 100%;
	overflow-x: hidden;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
	position: relative;
	width: 100%;
	min-height: 100%;
	transition: transform .5s ease
}

.off-canvas-wrapper-inner:after,
.off-canvas-wrapper-inner:before {
	content: " ";
	display: table
}

.off-canvas-wrapper-inner:after {
	clear: both
}

.off-canvas-content {
	min-height: 100%;
	background: #fefefe;
	transition: transform .5s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	padding-bottom: .1px;
	box-shadow: 0 0 10px hsla(0, 0%, 4%, .5)
}

.js-off-canvas-exit {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .25);
	cursor: pointer;
	transition: background .5s ease
}

.off-canvas {
	position: absolute;
	background: #e0e0e0;
	z-index: -1;
	max-height: 100%;
	overflow-y: auto;
	transform: translateX(0)
}

[data-whatinput=mouse] .off-canvas {
	outline: 0
}

.off-canvas.position-left {
	left: -250px;
	top: 0;
	width: 250px
}

.is-open-left {
	transform: translateX(250px)
}

.off-canvas.position-right {
	right: -250px;
	top: 0;
	width: 250px
}

.is-open-right {
	transform: translateX(-250px)
}

@media screen and (min-width:40em) {
	.position-left.reveal-for-medium {
		left: 0;
		z-index: auto;
		position: fixed
	}
	.position-left.reveal-for-medium~.off-canvas-content {
		margin-left: 250px
	}
	.position-right.reveal-for-medium {
		right: 0;
		z-index: auto;
		position: fixed
	}
	.position-right.reveal-for-medium~.off-canvas-content {
		margin-right: 250px
	}
}

@media screen and (min-width:64em) {
	.position-left.reveal-for-large {
		left: 0;
		z-index: auto;
		position: fixed
	}
	.position-left.reveal-for-large~.off-canvas-content {
		margin-left: 250px
	}
	.position-right.reveal-for-large {
		right: 0;
		z-index: auto;
		position: fixed
	}
	.position-right.reveal-for-large~.off-canvas-content {
		margin-right: 250px
	}
}

.orbit,
.orbit-container {
	position: relative
}

.orbit-container {
	margin: 0;
	overflow: hidden;
	list-style: none
}

.orbit-slide {
	width: 100%;
	max-height: 100%
}

.orbit-slide.no-motionui.is-active {
	top: 0;
	left: 0
}

.orbit-figure {
	margin: 0
}

.orbit-image {
	margin: 0;
	width: 100%;
	max-width: 100%
}

.orbit-caption {
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
	background-color: hsla(0, 0%, 4%, .5)
}

.orbit-caption,
.orbit-next,
.orbit-previous {
	position: absolute;
	padding: 1rem;
	color: #fefefe
}

.orbit-next,
.orbit-previous {
	top: 50%;
	transform: translateY(-50%);
	z-index: 10
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
	outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
	background-color: hsla(0, 0%, 4%, .5)
}

.orbit-previous {
	left: 0
}

.orbit-next {
	left: auto;
	right: 0
}

.orbit-bullets {
	position: relative;
	margin-top: .8rem;
	margin-bottom: .8rem;
	text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
	outline: 0
}

.orbit-bullets button {
	width: 1.2rem;
	height: 1.2rem;
	margin: .1rem;
	background-color: #cacaca;
	border-radius: 50%
}

.orbit-bullets button.is-active,
.orbit-bullets button:hover {
	background-color: #8a8a8a
}

.pagination {
	margin-left: 0;
	margin-bottom: 1rem
}

.pagination:after,
.pagination:before {
	content: " ";
	display: table
}

.pagination:after {
	clear: both
}

.pagination li {
	font-size: .875rem;
	margin-right: .0625rem;
	border-radius: 3px;
	display: none
}

.pagination li:first-child,
.pagination li:last-child {
	display: inline-block
}

@media screen and (min-width:40em) {
	.pagination li {
		display: inline-block
	}
}

.pagination a,
.pagination button {
	color: #0a0a0a;
	display: block;
	padding: .1875rem .625rem;
	border-radius: 3px
}

.pagination a:hover,
.pagination button:hover {
	background: #e0e0e0
}

.pagination .current {
	padding: .1875rem .625rem;
	background: #35c8e6;
	color: #fefefe;
	cursor: default
}

.pagination .disabled {
	padding: .1875rem .625rem;
	color: #cacaca;
	cursor: not-allowed
}

.pagination .disabled:hover {
	background: transparent
}

.pagination .ellipsis:after {
	content: "\2026";
	padding: .1875rem .625rem;
	color: #0a0a0a
}

.pagination-previous.disabled:before,
.pagination-previous a:before {
	content: "\00ab";
	display: inline-block;
	margin-right: .5rem
}

.pagination-next.disabled:after,
.pagination-next a:after {
	content: "\00bb";
	display: inline-block;
	margin-left: .5rem
}

.progress {
	background-color: #cacaca;
	height: 1rem;
	margin-bottom: 1rem;
	border-radius: 3px
}

.progress.primary .progress-meter {
	background-color: #35c8e6
}

.progress.secondary .progress-meter {
	background-color: #eee
}

.progress.success .progress-meter {
	background-color: #66bb6a
}

.progress.warning .progress-meter {
	background-color: #ffb300
}

.progress.alert .progress-meter {
	background-color: #ef5350
}

.progress-meter {
	position: relative;
	display: block;
	width: 0;
	height: 100%;
	background-color: #35c8e6;
	border-radius: 3px
}

.progress-meter-text {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: 0;
	font-size: .75rem;
	font-weight: 700;
	color: #fefefe;
	white-space: nowrap;
	border-radius: 3px
}

.slider {
	position: relative;
	height: .5rem;
	margin-top: 1.25rem;
	margin-bottom: 2.25rem;
	background-color: #e0e0e0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none
}

.slider-fill {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	max-width: 100%;
	height: .5rem;
	background-color: #cacaca;
	transition: all .2s ease-in-out
}

.slider-fill.is-dragging {
	transition: all 0s linear
}

.slider-handle {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	z-index: 1;
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background-color: #35c8e6;
	transition: all .2s ease-in-out;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	border-radius: 3px
}

[data-whatinput=mouse] .slider-handle {
	outline: 0
}

.slider-handle:hover {
	background-color: #1ab6d6
}

.slider-handle.is-dragging {
	transition: all 0s linear
}

.slider.disabled,
.slider[disabled] {
	opacity: .25;
	cursor: not-allowed
}

.slider.vertical {
	display: inline-block;
	width: .5rem;
	height: 12.5rem;
	margin: 0 1.25rem;
	transform: scaleY(-1)
}

.slider.vertical .slider-fill {
	top: 0;
	width: .5rem;
	max-height: 100%
}

.slider.vertical .slider-handle {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1.4rem;
	height: 1.4rem;
	transform: translateX(-50%)
}

.sticky-container {
	position: relative
}

.sticky {
	position: absolute;
	z-index: 0;
	transform: translateZ(0)
}

.sticky.is-stuck {
	position: fixed;
	z-index: 5
}

.sticky.is-stuck.is-at-top {
	top: 0
}

.sticky.is-stuck.is-at-bottom {
	bottom: 0
}

.sticky.is-anchored {
	position: absolute;
	left: auto;
	right: auto
}

.sticky.is-anchored.is-at-bottom {
	bottom: 0
}

body.is-reveal-open {
	overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
	min-height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.reveal-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background-color: hsla(0, 0%, 4%, .45);
	overflow-y: scroll
}

.reveal {
	display: none;
	z-index: 1006;
	padding: 1rem;
	border: 1px solid #cacaca;
	background-color: #fefefe;
	border-radius: 3px;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto
}

[data-whatinput=mouse] .reveal {
	outline: 0
}

@media screen and (min-width:40em) {
	.reveal {
		min-height: 0
	}
}

.reveal .column,
.reveal .columns {
	min-width: 0
}

.reveal>:last-child {
	margin-bottom: 0
}

@media screen and (min-width:40em) {
	.reveal {
		width: 600px;
		max-width: 75rem
	}
}

@media screen and (min-width:40em) {
	.reveal .reveal {
		left: auto;
		right: auto;
		margin: 0 auto
	}
}

.reveal.collapse {
	padding: 0
}

@media screen and (min-width:40em) {
	.reveal.tiny {
		width: 30%;
		max-width: 75rem
	}
}

@media screen and (min-width:40em) {
	.reveal.small {
		width: 50%;
		max-width: 75rem
	}
}

@media screen and (min-width:40em) {
	.reveal.large {
		width: 90%;
		max-width: 75rem
	}
}

.reveal.full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none;
	margin-left: 0;
	border: 0;
	border-radius: 0
}

@media screen and (max-width:39.9375em) {
	.reveal {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		height: 100vh;
		min-height: 100vh;
		max-width: none;
		margin-left: 0;
		border: 0;
		border-radius: 0
	}
}

.reveal.without-overlay {
	position: fixed
}

.switch {
	height: 2rem;
	margin-bottom: 1rem;
	outline: 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fefefe;
	font-weight: 700;
	font-size: .875rem
}

.switch-input {
	opacity: 0;
	position: absolute;
	margin-bottom: 0
}

.switch-paddle {
	background: #cacaca;
	cursor: pointer;
	display: block;
	position: relative;
	width: 4rem;
	height: 2rem;
	transition: all .25s ease-out;
	border-radius: 3px;
	color: inherit;
	font-weight: inherit
}

input+.switch-paddle {
	margin: 0
}

.switch-paddle:after {
	background: #fefefe;
	content: "";
	display: block;
	position: absolute;
	height: 1.5rem;
	left: .25rem;
	top: .25rem;
	width: 1.5rem;
	transition: all .25s ease-out;
	transform: translateZ(0);
	border-radius: 3px
}

input:checked~.switch-paddle {
	background: #35c8e6
}

input:checked~.switch-paddle:after {
	left: 2.25rem
}

[data-whatinput=mouse] input:focus~.switch-paddle {
	outline: 0
}

.switch-active,
.switch-inactive {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.switch-active {
	left: 8%;
	display: none
}

input:checked+label>.switch-active {
	display: block
}

.switch-inactive {
	right: 15%
}

input:checked+label>.switch-inactive {
	display: none
}

.switch.tiny {
	height: 1.5rem
}

.switch.tiny .switch-paddle {
	width: 3rem;
	height: 1.5rem;
	font-size: .625rem
}

.switch.tiny .switch-paddle:after {
	width: 1rem;
	height: 1rem
}

.switch.tiny input:checked~.switch-paddle:after {
	left: 1.75rem
}

.switch.small {
	height: 1.75rem
}

.switch.small .switch-paddle {
	width: 3.5rem;
	height: 1.75rem;
	font-size: .75rem
}

.switch.small .switch-paddle:after {
	width: 1.25rem;
	height: 1.25rem
}

.switch.small input:checked~.switch-paddle:after {
	left: 2rem
}

.switch.large {
	height: 2.5rem
}

.switch.large .switch-paddle {
	width: 5rem;
	height: 2.5rem;
	font-size: 1rem
}

.switch.large .switch-paddle:after {
	width: 2rem;
	height: 2rem
}

.switch.large input:checked~.switch-paddle:after {
	left: 2.75rem
}

table {
	width: 100%;
	margin-bottom: 1rem;
	border-radius: 3px
}

table tbody,
table tfoot,
table thead {
	border: 1px solid #f1f1f1;
	background-color: #fefefe
}

table caption {
	font-weight: 700;
	padding: .5rem .625rem .625rem
}

table thead {
	background: #f8f8f8;
	color: #212121
}

table tfoot {
	background: #f1f1f1;
	color: #212121
}

table tfoot tr,
table thead tr {
	background: transparent
}

table tfoot td,
table tfoot th,
table thead td,
table thead th {
	padding: .5rem .625rem .625rem;
	font-weight: 700;
	text-align: left
}

table tbody tr:nth-child(2n) {
	background-color: #f1f1f1
}

table tbody td,
table tbody th {
	padding: .5rem .625rem .625rem
}

@media screen and (max-width:63.9375em) {
	table.stack tfoot,
	table.stack thead {
		display: none
	}
	table.stack td,
	table.stack th,
	table.stack tr {
		display: block
	}
	table.stack td {
		border-top: 0
	}
}

table.scroll {
	display: block;
	width: 100%;
	overflow-x: auto
}

table.hover thead tr:hover {
	background-color: #f3f3f3
}

table.hover tfoot tr:hover {
	background-color: #ececec
}

table.hover tbody tr:hover {
	background-color: #f9f9f9
}

table.hover tbody tr:nth-of-type(2n):hover {
	background-color: #ececec
}

.table-scroll {
	overflow-x: auto
}

.table-scroll table {
	width: auto
}

.tabs {
	margin: 0;
	list-style-type: none;
	background: #fefefe;
	border: 1px solid #e0e0e0
}

.tabs:after,
.tabs:before {
	content: " ";
	display: table
}

.tabs:after {
	clear: both
}

.tabs.vertical>li {
	width: auto;
	float: none;
	display: block
}

.tabs.simple>li>a {
	padding: 0
}

.tabs.simple>li>a:hover {
	background: transparent
}

.tabs.primary {
	background: #35c8e6
}

.tabs.primary>li>a {
	color: #fefefe
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
	background: #28c5e4
}

.tabs-title {
	float: left
}

.tabs-title>a {
	display: block;
	padding: 1.25rem 1.5rem;
	line-height: 1;
	font-size: .75rem
}

.tabs-title>a:hover {
	background: #fefefe
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
	background: #e0e0e0
}

.tabs-content {
	background: #fefefe;
	transition: all .5s ease;
	border: 1px solid #e0e0e0;
	border-top: 0
}

.tabs-content.vertical {
	border: 1px solid #e0e0e0;
	border-left: 0
}

.tabs-panel {
	display: none;
	padding: 1rem
}

.tabs-panel.is-active {
	display: block
}

.thumbnail {
	border: 4px solid #fefefe;
	box-shadow: 0 0 0 1px hsla(0, 0%, 4%, .2);
	display: inline-block;
	line-height: 0;
	max-width: 100%;
	transition: box-shadow .2s ease-out;
	border-radius: 3px;
	margin-bottom: 1rem
}

.thumbnail:focus,
.thumbnail:hover {
	box-shadow: 0 0 6px 1px rgba(53, 200, 230, .5)
}

.title-bar {
	background: #0a0a0a;
	color: #fefefe;
	padding: .5rem
}

.title-bar:after,
.title-bar:before {
	content: " ";
	display: table
}

.title-bar:after {
	clear: both
}

.title-bar .menu-icon {
	margin-left: .25rem;
	margin-right: .25rem
}

.title-bar-left {
	float: left
}

.title-bar-right {
	float: right;
	text-align: right
}

.title-bar-title {
	vertical-align: middle
}

.has-tip,
.title-bar-title {
	font-weight: 700;
	display: inline-block
}

.has-tip {
	border-bottom: 1px dotted #8a8a8a;
	position: relative;
	cursor: help
}

.tooltip {
	background-color: #0a0a0a;
	color: #fefefe;
	font-size: 80%;
	padding: .75rem;
	position: absolute;
	z-index: 10;
	top: calc(100% + .6495rem);
	max-width: 10rem!important;
	border-radius: 3px
}

.tooltip:before {
	border: .75rem inset;
	border-color: transparent transparent #0a0a0a;
	border-bottom-style: solid;
	border-top-width: 0;
	bottom: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

.tooltip.top:before,
.tooltip:before {
	content: "";
	display: block;
	width: 0;
	height: 0
}

.tooltip.top:before {
	border: .75rem inset;
	border-color: #0a0a0a transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	top: 100%;
	bottom: auto
}

.tooltip.left:before {
	border: .75rem inset;
	border-color: transparent transparent transparent #0a0a0a;
	border-left-style: solid;
	border-right-width: 0;
	left: 100%
}

.tooltip.left:before,
.tooltip.right:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%)
}

.tooltip.right:before {
	border: .75rem inset;
	border-color: transparent #0a0a0a transparent transparent;
	border-right-style: solid;
	border-left-width: 0;
	left: auto;
	right: 100%
}

.top-bar {
	padding: .5rem
}

.top-bar:after,
.top-bar:before {
	content: " ";
	display: table
}

.top-bar:after {
	clear: both
}

.top-bar,
.top-bar ul {
	background-color: #e0e0e0
}

.top-bar input {
	max-width: 200px;
	margin-right: 1rem
}

.top-bar .input-group-field {
	width: 100%;
	margin-right: 0
}

.top-bar input.button {
	width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
	width: 100%
}

@media screen and (min-width:40em) {
	.top-bar .top-bar-left,
	.top-bar .top-bar-right {
		width: auto
	}
}

@media screen and (max-width:63.9375em) {
	.top-bar.stacked-for-medium .top-bar-left,
	.top-bar.stacked-for-medium .top-bar-right {
		width: 100%
	}
}

@media screen and (max-width:74.9375em) {
	.top-bar.stacked-for-large .top-bar-left,
	.top-bar.stacked-for-large .top-bar-right {
		width: 100%
	}
}

.top-bar-title {
	float: left;
	margin-right: 1rem
}

.top-bar-left {
	float: left
}

.top-bar-right {
	float: right
}

.hide {
	display: none!important
}

.invisible {
	visibility: hidden
}

@media screen and (max-width:39.9375em) {
	.hide-for-small-only {
		display: none!important
	}
}

@media screen and (max-width:0em),
screen and (min-width:40em) {
	.show-for-small-only {
		display: none!important
	}
}

@media screen and (min-width:40em) {
	.hide-for-medium {
		display: none!important
	}
}

@media screen and (max-width:39.9375em) {
	.show-for-medium {
		display: none!important
	}
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
	.hide-for-medium-only {
		display: none!important
	}
}

@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
	.show-for-medium-only {
		display: none!important
	}
}

@media screen and (min-width:64em) {
	.hide-for-large {
		display: none!important
	}
}

@media screen and (max-width:63.9375em) {
	.show-for-large {
		display: none!important
	}
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
	.hide-for-large-only {
		display: none!important
	}
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
	.show-for-large-only {
		display: none!important
	}
}

.show-for-sr,
.show-on-focus {
	position: absolute!important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
	position: static!important;
	height: auto;
	width: auto;
	overflow: visible;
	clip: auto
}

.hide-for-portrait,
.show-for-landscape {
	display: block!important
}

@media screen and (orientation:landscape) {
	.hide-for-portrait,
	.show-for-landscape {
		display: block!important
	}
}

@media screen and (orientation:portrait) {
	.hide-for-portrait,
	.show-for-landscape {
		display: none!important
	}
}

.hide-for-landscape,
.show-for-portrait {
	display: none!important
}

@media screen and (orientation:landscape) {
	.hide-for-landscape,
	.show-for-portrait {
		display: none!important
	}
}

@media screen and (orientation:portrait) {
	.hide-for-landscape,
	.show-for-portrait {
		display: block!important
	}
}

.align-right {
	-ms-flex-pack: end;
	justify-content: flex-end
}

.align-center {
	-ms-flex-pack: center;
	justify-content: center
}

.align-justify {
	-ms-flex-pack: justify;
	justify-content: space-between
}

.align-spaced {
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.align-top {
	-ms-flex-align: start;
	align-items: flex-start
}

.align-self-top {
	-ms-flex-item-align: start;
	align-self: flex-start
}

.align-bottom {
	-ms-flex-align: end;
	align-items: flex-end
}

.align-self-bottom {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.align-middle {
	-ms-flex-align: center;
	align-items: center
}

.align-self-middle {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

.align-stretch {
	-ms-flex-align: stretch;
	align-items: stretch
}

.align-self-stretch {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

.small-order-1 {
	-ms-flex-order: 1;
	order: 1
}

.small-order-2 {
	-ms-flex-order: 2;
	order: 2
}

.small-order-3 {
	-ms-flex-order: 3;
	order: 3
}

.small-order-4 {
	-ms-flex-order: 4;
	order: 4
}

.small-order-5 {
	-ms-flex-order: 5;
	order: 5
}

.small-order-6 {
	-ms-flex-order: 6;
	order: 6
}

@media screen and (min-width:40em) {
	.medium-order-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.medium-order-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.medium-order-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.medium-order-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.medium-order-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.medium-order-6 {
		-ms-flex-order: 6;
		order: 6
	}
}

@media screen and (min-width:64em) {
	.large-order-1 {
		-ms-flex-order: 1;
		order: 1
	}
	.large-order-2 {
		-ms-flex-order: 2;
		order: 2
	}
	.large-order-3 {
		-ms-flex-order: 3;
		order: 3
	}
	.large-order-4 {
		-ms-flex-order: 4;
		order: 4
	}
	.large-order-5 {
		-ms-flex-order: 5;
		order: 5
	}
	.large-order-6 {
		-ms-flex-order: 6;
		order: 6
	}
}

.slide-in-down.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateY(-100%);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-down.mui-enter.mui-enter-active {
	transform: translateY(0)
}

.slide-in-left.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateX(-100%);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-left.mui-enter.mui-enter-active {
	transform: translateX(0)
}

.slide-in-up.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateY(100%);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-up.mui-enter.mui-enter-active {
	transform: translateY(0)
}

.slide-in-right.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateX(100%);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-in-right.mui-enter.mui-enter-active {
	transform: translateX(0)
}

.slide-out-down.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateY(0);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-down.mui-leave.mui-leave-active {
	transform: translateY(100%)
}

.slide-out-right.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateX(0);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-right.mui-leave.mui-leave-active {
	transform: translateX(100%)
}

.slide-out-up.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateY(0);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-up.mui-leave.mui-leave-active {
	transform: translateY(-100%)
}

.slide-out-left.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: translateX(0);
	transition-property: transform, opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.slide-out-left.mui-leave.mui-leave-active {
	transform: translateX(-100%)
}

.fade-in.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	opacity: 0;
	transition-property: opacity
}

.fade-in.mui-enter.mui-enter-active {
	opacity: 1
}

.fade-out.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	opacity: 1;
	transition-property: opacity
}

.fade-out.mui-leave.mui-leave-active {
	opacity: 0
}

.hinge-in-from-top.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateX(-90deg);
	transform-origin: top;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-top.mui-enter.mui-enter-active {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-right.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateY(-90deg);
	transform-origin: right;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-right.mui-enter.mui-enter-active {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-bottom.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateX(90deg);
	transform-origin: bottom;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-left.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateY(90deg);
	transform-origin: left;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-left.mui-enter.mui-enter-active {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-middle-x.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateX(-90deg);
	transform-origin: center;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-in-from-middle-y.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotateY(-90deg);
	transform-origin: center;
	transition-property: transform, opacity;
	opacity: 0
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
	transform: perspective(2000px) rotate(0deg);
	opacity: 1
}

.hinge-out-from-top.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform-origin: top;
	transition-property: transform, opacity
}

.hinge-out-from-top.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0
}

.hinge-out-from-right.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: right;
	transition-property: transform, opacity;
	opacity: 1
}

.hinge-out-from-right.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0
}

.hinge-out-from-bottom.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: bottom;
	transition-property: transform, opacity;
	opacity: 1
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateX(90deg);
	opacity: 0
}

.hinge-out-from-left.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: left;
	transition-property: transform, opacity;
	opacity: 1
}

.hinge-out-from-left.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateY(90deg);
	opacity: 0
}

.hinge-out-from-middle-x.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: center;
	transition-property: transform, opacity;
	opacity: 1
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateX(-90deg);
	opacity: 0
}

.hinge-out-from-middle-y.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: perspective(2000px) rotate(0deg);
	transform-origin: center;
	transition-property: transform, opacity;
	opacity: 1
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
	transform: perspective(2000px) rotateY(-90deg);
	opacity: 0
}

.scale-in-up.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: scale(.5);
	transition-property: transform, opacity;
	opacity: 0
}

.scale-in-up.mui-enter.mui-enter-active {
	transform: scale(1);
	opacity: 1
}

.scale-in-down.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: scale(1.5);
	transition-property: transform, opacity;
	opacity: 0
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
	transform: scale(1);
	opacity: 1
}

.scale-out-up.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: transform, opacity
}

.scale-out-up.mui-leave.mui-leave-active {
	transform: scale(1.5);
	opacity: 0
}

.scale-out-down.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: scale(1);
	transition-property: transform, opacity;
	opacity: 1
}

.scale-out-down.mui-leave.mui-leave-active {
	transform: scale(.5);
	opacity: 0
}

.spin-in.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transform: rotate(-270deg);
	transition-property: transform, opacity;
	opacity: 0
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
	transform: rotate(0);
	opacity: 1
}

.spin-out.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: transform, opacity
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
	transform: rotate(270deg);
	opacity: 0
}

.spin-in-ccw.mui-enter {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: transform, opacity
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
	transform: rotate(0);
	opacity: 1
}

.spin-out-ccw.mui-leave {
	transition-duration: .5s;
	transition-timing-function: linear;
	transition-property: transform, opacity
}

.spin-out-ccw.mui-leave.mui-leave-active {
	transform: rotate(-270deg);
	opacity: 0
}

.slow {
	transition-duration: .75s!important
}

.fast {
	transition-duration: .25s!important
}

.linear {
	transition-timing-function: linear!important
}

.ease {
	transition-timing-function: ease!important
}

.ease-in {
	transition-timing-function: ease-in!important
}

.ease-out {
	transition-timing-function: ease-out!important
}

.ease-in-out {
	transition-timing-function: ease-in-out!important
}

.bounce-in {
	transition-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
}

.bounce-out {
	transition-timing-function: cubic-bezier(.485, .155, .515, .845)!important
}

.bounce-in-out {
	transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
}

.short-delay {
	transition-delay: .3s!important
}

.long-delay {
	transition-delay: .7s!important
}

.shake {
	animation-name: a
}

@keyframes a {
	0%,
	10%,
	20%,
	30%,
	40%,
	50%,
	60%,
	70%,
	80%,
	90% {
		transform: translateX(7%)
	}
	5%,
	15%,
	25%,
	35%,
	45%,
	55%,
	65%,
	75%,
	85%,
	95% {
		transform: translateX(-7%)
	}
}

.spin-ccw,
.spin-cw {
	animation-name: b
}

@keyframes b {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(1turn)
	}
}

.wiggle {
	animation-name: c
}

@keyframes c {
	40%,
	50%,
	60% {
		transform: rotate(7deg)
	}
	35%,
	45%,
	55%,
	65% {
		transform: rotate(-7deg)
	}
	0%,
	30%,
	70%,
	to {
		transform: rotate(0)
	}
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
	animation-duration: .5s
}

.infinite {
	animation-iteration-count: infinite
}

.slow {
	animation-duration: .75s!important
}

.fast {
	animation-duration: .25s!important
}

.linear {
	animation-timing-function: linear!important
}

.ease {
	animation-timing-function: ease!important
}

.ease-in {
	animation-timing-function: ease-in!important
}

.ease-out {
	animation-timing-function: ease-out!important
}

.ease-in-out {
	animation-timing-function: ease-in-out!important
}

.bounce-in {
	animation-timing-function: cubic-bezier(.485, .155, .24, 1.245)!important
}

.bounce-out {
	animation-timing-function: cubic-bezier(.485, .155, .515, .845)!important
}

.bounce-in-out {
	animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245)!important
}

.short-delay {
	animation-delay: .3s!important
}

.long-delay {
	animation-delay: .7s!important
}

@media screen and (min-width:40em) {
	h1,
	h2 {
		font-weight: 200
	}
}

h1 .punctuation,
h2 .punctuation,
h3 .punctuation,
h4 .punctuation,
h5 .punctuation,
h6 .punctuation {
	letter-spacing: -.5em
}

h6 {
	font-weight: 500
}

h1 {
	letter-spacing: -.012em
}

h2,
h3 {
	letter-spacing: -.008em
}

h6 {
	letter-spacing: .012em
}

h6.caps {
	text-transform: uppercase;
	font-size: .875rem;
	letter-spacing: .03em
}

span.anchor:after {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: .2em;
	content: "\e909"
}

a.anchor:hover,
a.external:hover,
a.underline:hover {
	text-decoration: underline
}

a.anchor:after,
a.external:after {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: .2em
}

a.anchor:after {
	content: "\e909"
}

a.external:after {
	content: "\e907"
}

a.icon {
	color: #cacaca;
	text-decoration: none
}

a.icon:hover {
	background: none;
	color: #14b1d1
}

a.invert {
	color: #cacaca
}

p.small {
	font-size: .875rem
}

p.xsmall {
	font-size: .75rem
}

p em {
	font-weight: 600;
	font-style: normal
}

.text-markup,
p.gray {
	color: #9e9e9e
}

.text-markup {
	font-size: .8125rem;
	letter-spacing: 0;
	line-height: 1.41;
	padding-bottom: 3rem;
	padding-right: 2rem
}

.text-markup:before {
	content: " ";
	width: 30px;
	height: 1px;
	background: #e0e0e0;
	display: block;
	margin-bottom: 2em
}

@media screen and (max-width:39.9375em) {
	.text-markup {
		text-align: center;
		padding-left: 2rem;
		padding-top: 2rem
	}
	.text-markup:before {
		margin: 0 auto;
		margin-bottom: 2em
	}
}

@keyframes d {
	0% {
		transform: translateY(-8px)
	}
	to {
		transform: translateY(8px)
	}
}

@keyframes e {
	0% {
		transform: translateY(1em)
	}
	to {
		transform: translateY(-1em)
	}
}

@keyframes f {
	0% {
		transform: translateY(-5em)
	}
	to {
		transform: translateY(5em)
	}
}

@keyframes g {
	0% {
		transform: translateY(-3em)
	}
	to {
		transform: translateY(3em)
	}
}

@keyframes h {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	70% {
		opacity: 1;
		transform: scale(.6)
	}
	to {
		opacity: 0;
		transform: scale(1);
		visibility: hidden
	}
}

@keyframes i {
	0% {
		opacity: 0;
		transform: translateY(155px);
		transform-origin: bottom
	}
	to {
		opacity: 1;
		transform: translateY(125px)
	}
}

@keyframes j {
	0% {
		opacity: 0;
		transform: translateY(-20px);
		transform-origin: top left
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes k {
	0% {
		opacity: 0;
		transform: translateY(155px) translateX(2em);
		transform-origin: bottom
	}
	50% {
		opacity: 1;
		transform: translateY(0) translateX(2em)
	}
	70% {
		opacity: 1;
		transform: translateY(0) translateX(2em)
	}
	to {
		opacity: 0;
		visibility: hidden
	}
}

@keyframes l {
	0% {
		opacity: 0;
		transform: translateY(20em) translateX(2em);
		transform-origin: top left
	}
	to {
		opacity: 1;
		transform: translateY(20em) translateX(0)
	}
}

@keyframes m {
	0% {
		opacity: 0;
		transform: translateY(12em) rotateX(45deg)
	}
	to {
		opacity: 1;
		transform: translateY(10em) rotateX(0deg)
	}
}

@keyframes n {
	0% {
		transform: translateY(0) translateX(.5em)
	}
	to {
		transform: translateY(-25em) translateX(.5em)
	}
}

@keyframes o {
	0% {
		height: 15em
	}
	to {
		height: 0
	}
}

[class*=cubic-easeinout] {
	transition: transform cubic-bezier(.19, 1, .22, 1), opacity cubic-bezier(.19, 1, .22, 1), background-color cubic-bezier(.19, 1, .22, 1)
}

[class*="--snap"] {
	transition-duration: .75s, .75s, .75s
}

[class*="--fast"] {
	transition-duration: 1s, 1s, 1s
}

[class*="--quick"] {
	transition-duration: 1.35s, 1.35s, 1.35s
}

[class*="--medium"] {
	transition-duration: 1.75s, 1.75s, 1.75s
}

[class*="--modal"] {
	transition-duration: 1.5s, .35s, .35s
}

[class*="--slow-2500ms"] {
	transition-duration: 2.5s, 2.5s, 2.5s
}

[class*="--slow-4s"] {
	transition-duration: 4s, 4s, 4s
}

.delay-075s {
	transition-delay: 75ms
}

.button {
	transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.text-mask-reveal {
	transform: translate(0) translateZ(0)!important
}

.text-mask-hidden-left {
	transform: translateX(-100%)
}

.cube {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 40vw;
	height: 40vw;
	-webkit-user-select: none;
	-webkit-touch-callout: none
}

.cube.bottom-right {
	top: auto;
	left: auto;
	bottom: 15%;
	right: -5%
}

.cube.bottom-right .side {
	border: 2px solid hsla(0, 0%, 100%, .1)
}

.cube .inner {
	position: relative;
	width: 40vw;
	height: 40vw;
	transform: translateZ(0);
	transform-style: preserve-3d
}

.cube .side {
	position: absolute;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .05);
	border: 2px solid hsla(0, 0%, 100%, .15);
	opacity: 0
}

.cube .side--1 {
	transform: translateZ(20vw);
	animation: q 3s ease-in-out forwards
}

.cube .side--2 {
	transform: rotateY(180deg) translateZ(40vw);
	animation: r 3s ease-in-out forwards;
	animation-delay: .3s
}

.cube .side--3 {
	transform: rotateY(90deg) translateZ(20vw);
	animation: s 3s ease-in-out forwards;
	animation-delay: .6s
}

.cube .side--4 {
	transform: rotateY(-90deg) translateZ(20vw);
	animation: t 3s ease-in-out forwards;
	animation-delay: .9s
}

.cube .side--5 {
	transform: rotateX(90deg) translateZ(20vw);
	animation: u 3s ease-in-out forwards;
	animation-delay: 1.2s
}

.cube .side--6 {
	transform: rotateX(-90deg) translateZ(20vw);
	animation: v 3s ease-in-out forwards;
	animation-delay: 1.5s
}

.cube.nofill .side {
	background: none
}

.cube {
	transition: transform 15s
}

.cube .inner {
	animation: p 20s linear infinite
}

.cube.start {
	transform: scale(.2);
	transition: transform 5s
}

@keyframes p {
	0% {
		transform: rotateX(0deg) rotateY(0deg)
	}
	to {
		transform: rotateX(1turn) rotateY(1turn)
	}
}

@keyframes q {
	0% {
		transform: translateZ(160vw)
	}
	to {
		transform: translateZ(20vw);
		opacity: 1
	}
}

@keyframes r {
	0% {
		transform: rotateY(0deg) translateZ(160vw)
	}
	to {
		transform: rotateY(180deg) translateZ(20vw);
		opacity: .9
	}
}

@keyframes s {
	0% {
		transform: rotateY(0deg) translateZ(160vw)
	}
	to {
		transform: rotateY(90deg) translateZ(20vw);
		opacity: .8
	}
}

@keyframes t {
	0% {
		transform: rotateY(0deg) translateZ(160vw)
	}
	to {
		transform: rotateY(-90deg) translateZ(20vw);
		opacity: .7
	}
}

@keyframes u {
	0% {
		transform: rotateX(0deg) translateZ(160vw)
	}
	to {
		transform: rotateX(90deg) translateZ(20vw);
		opacity: .6
	}
}

@keyframes v {
	0% {
		transform: rotateX(0deg) translateZ(160vw)
	}
	to {
		transform: rotateX(-90deg) translateZ(20vw);
		opacity: .5
	}
}

@keyframes w {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	20% {
		transform: scale(1);
		opacity: .6
	}
	80% {
		transform: scale(1);
		opacity: .6
	}
	to {
		opacity: 0
	}
}

@keyframes x {
	0% {
		opacity: 0
	}
	to {
		opacity: .6
	}
}

@keyframes y {
	0% {
		opacity: 0;
		transform: translateY(15%)
	}
	15% {
		opacity: 1;
		transform: translateY(0)
	}
	85% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		transform: translateY(5%);
		opacity: 0
	}
}

@keyframes z {
	0% {
		background-color: #f66869
	}
	to {
		background-color: #e23233
	}
}

@keyframes A {
	0% {
		opacity: 0;
		transform: translateY(-5%)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.button {
	font-weight: 500;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.button.secondary {
	color: #000;
	border: 1px solid #ccc
}

.button.secondary:hover {
	color: #000
}

.button.hollow {
	border: 1px solid #bdbdbd;
	border-radius: 3px;
	background: none;
	color: #575757
}

.button.hollow:hover {
	border-color: #bdbdbd;
	color: #1198b4
}

.button.invert {
	color: #000;
	background: #f4f4f4;
	text-shadow: none
}

.button.invert:hover {
	opacity: .7
}

.button.invert.secondary {
	background: none;
	border: 1px solid #f4f4f4;
	color: #f4f4f4
}

.button.tiny {
	text-transform: uppercase;
	font-weight: 600
}

.button.white {
	background: #fff;
	color: #c7152d
}

.button.white:hover {
	box-shadow: 0 10px 10px HSLA(0, 0, 100%, .2)!important
}

.button.green {
	background: #66bb6a
}

.button.green:hover {
	box-shadow: 0 10px 10px HSLA(123, 38%, 57%, .2)!important
}

.button.cyan {
	background: #3fad86
}

.button.cyan:hover {
	box-shadow: 0 10px 10px rgba(63, 173, 134, .2)!important
}

.button.red {
	background: #f66869
}

.button.red:hover {
	box-shadow: 0 10px 10px HSLA(360, 89%, 69%, .2)!important
}

.button.cta {
	border-radius: 50%;
	text-transform: uppercase;
	letter-spacing: .022em;
	transition: all .2s ease;
	margin-left: .9em;
	z-index: 99;
}

.button.cta:hover {
	box-shadow: 0 0 9px #999;
	transform: translateY(-1px)
}

.button.cta.nohover {
	box-shadow: none;
	transform: none
}

.button.cta:active {
	box-shadow: 0 4px 5px rgba(0, 189, 229, .2);
	
	transform: translateY(1px)
}

.button.cta.hollow {
	border-radius: 10em;
	text-transform: none;
	background: transparent;
	border: 1px solid #14b1d1;
	color: #14b1d1
}

.button.cta.hollow.white {
	color: #fefefe;
	border: 1px solid #fefefe
}

.button.cta.hollow:hover {
	/*background-color: white;*/
	border-color: white;
	border: solid 1px #FFFFFF;
	/*background-color: rgba(5,5,5,.7);*/
	color: #FFFFFF
}

.top-bar {
	width: 100%;
	padding: .5rem 0!important
}

.top-bar,
.top-bar ul {
	background: transparent
}

.top-bar ul li a {
	font-size: .875rem;
	color: rgba(255, 255, 255, 1);
	transition: color .2s ease;
	padding: .7rem
}
.is-dropdown-submenu-item>a{color: #434343 !important;}
.top-bar ul li a:hover {
	color: rgb(53,181,240)
}

.top-bar ul li a img {
	width: 24px;
	height: 24px;
	margin-right: 14px
}

.top-bar ul .submenu {
	padding: 9px;
	background: #fefefe;
	border-radius: 3px;
	border: 1px solid #eee;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05)
}

.top-bar .cta.hollow {
	padding: .5em .8em .4em;
	font-size: .875rem;
	font-weight: 400
}

.dropdown.menu>li.is-dropdown-submenu-parent a {
	white-space: nowrap
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
	/*content: "\e906";*/
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	border: none;
	width: auto;
	top: 35%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.top-bar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 199;
	padding: 1em 0
}

@media screen and (min-width:40em) {
	.top-bar-wrapper.is-fixed {
		position: fixed;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		box-shadow: 0 0 0 transparent;
		background: hsla(0, 0%, 100%, 0)
	}
}

.top-bar-wrapper.fixed {
	background: hsla(0, 0%, 100%, .95);
	padding: .1em 0;
	box-shadow: 0 2px 30px rgba(0, 0, 0, .05)
}

.top-bar-left .big a {
	font-size: 1rem
}

.countdown-logo,
.top-bar__logo {
	background: url(../../img/logo.png) 0 no-repeat;
	background-size: 100%;
	height: 20px;
	width: 140px;
	padding: 1.1rem 1rem
}

.tabs {
	border-radius: 3px 3px 0 0
}

.tabs .tabs-title a {
	background-color: transparent;
	font-weight: 500;
	color: #616161;
	font-size: .875rem;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px
}

.tabs .tabs-title.is-active a {
	color: #0a0a0a;
	border-bottom: 2px solid #35c8e6
}

.tabs-content {
	border-radius: 0 0 3px 3px
}

.nav.block-grid {
	background: #fafafa
}

.nav.block-grid.no-border ul li {
	border: none
}

.nav.block-grid ul {
	width: 100%;
	text-align: center;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.nav.block-grid ul li {
	list-style: none;
	width: 33%;
	display: -ms-flexbox;
	display: flex;
	border-right: 1px solid #eee
}

@media screen and (max-width:39.9375em) {
	.nav.block-grid ul li {
		width: 100%;
		border: none;
		border-bottom: 1px solid #eee
	}
}

.nav.block-grid ul li>a {
	padding: 2em;
	padding-bottom: 2.5em;
	width: 100%;
	display: block;
	transition: background .2s ease;
	height: inherit;
	position: relative
}

@media screen and (max-width:39.9375em) {
	.nav.block-grid ul li>a {
		padding: 2em 1em
	}
}

.nav.block-grid ul li>a h5 {
	font-size: 1rem;
	color: #0a0a0a;
	margin-bottom: 8px
}

.nav.block-grid ul li>a span {
	display: block;
	font-size: .875rem
}

.nav.block-grid ul li>a span.description {
	color: #0a0a0a;
	line-height: 1.4;
	margin-bottom: 3em
}

.nav.block-grid ul li>a span.anchor {
	position: absolute;
	bottom: 2.5em;
	width: 100%;
	text-align: center;
	left: .2em
}

.nav.block-grid ul li>a:hover {
	background-color: #f2f2f2
}

.nav.block-grid ul li>a:hover .anchor {
	text-decoration: underline
}

.nav.block-grid ul li:last-child {
	border: none
}

.nav-block-grid__icon {
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px
}

.subnav-container {
	background: #f0f0f0;
	height: 50px;
	z-index: 99!important;
	transition: all .2s ease
}

.subnav-container.dark-mode.is-stuck {
	background: HSL(300, 14%, 1%)
}

.subnav-container.dark-mode.is-stuck .subnav-bar li a {
	color: hsla(0, 0%, 100%, .4)
}

.subnav-container.dark-mode.is-stuck .subnav-bar li a.active {
	color: hsla(0, 0%, 100%, .85)
}

.subnav-container.dark-mode.is-stuck .button.hollow {
	color: #fefefe
}

.subnav-container.is-stuck {
	background: #fcfcfc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05)
}

.subnav-container .button.cta {
	color: #fefefe;
	font-weight: 500
}

.subnav-container .subnav-bar {
	opacity: 0;
	transition: opacity .2s ease
}

.subnav-container.is-stuck .subnav-bar {
	opacity: 1
}

.float-right {
	float: right
}

.subnav-bar li a {
	padding: 1rem 1.2rem;
	color: #bdbdbd;
	text-transform: uppercase;
	font-weight: 400;
	font-size: .875rem;
	line-height: 1.125rem;
	letter-spacing: .012rem
}

.subnav-bar li a:hover {
	color: #1198b4
}

.subnav-bar li a.active {
	color: #0a0a0a
}

.subnav-bar ul.menu.left li:first-child a {
	padding-left: 0
}

.subnav-bar .button {
	padding: .3rem 1rem;
	margin-top: .6rem
}

.subnav-bar .button.hollow {
	border-color: transparent;
	border-radius: 50px
}

.side-bar {
	font-size: .875rem;
	font-weight: 500
}

.side-bar ul.menu li {
	margin-bottom: .5em
}

.side-bar a {
	color: #0a0a0a;
	border-radius: 3px;
	transition: background-color .2s ease
}

.side-bar a:hover {
	background-color: #f5f5f5
}

.side-bar a span.description {
	display: block;
	color: #757575;
	font-size: .75rem;
	margin-top: .12em
}

.side-bar a.active {
	background-color: #e0e0e0;
	color: #0a0a0a
}

.side-bar a.active span.description {
	color: #0a0a0a
}

.accordion .accordion-content,
.accordion .accordion-title {
	border: 1px solid transparent;
	border-bottom-color: #e0e0e0
}

.accordion .accordion-content {
	color: currentColor
}

.title-bar {
	background: transparent;
	width: 100%;
	color: #212121
}

.title-bar .countdown-logo,
.title-bar .top-bar__logo {
	padding: 0
}

.title-bar--active .countdown-logo,
.title-bar--active .top-bar__logo {
	background-image: url(img/logo.png)
}

body.no-scrolling {
	overflow: hidden;
	position: fixed;
	width: 100%
}

.menu-icon {
	float: right
}

.title-bar__toggle {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	float: right;
	width: 22px;
	height: 25px;
	cursor: pointer;
	z-index: 1
}

.title-bar__toggle span {
	transition: all .25s ease;
	transform-origin: 50% 50%;
	display: block;
	margin: 4px 0;
	height: 3px;
	background: #22222a
}

.is-resizing .title-bar__toggle span {
	transition: none
}

.title-bar__toggle span:nth-child(3) {
	margin-top: -7px
}

.title-bar--active .title-bar__toggle span {
	background: #fff
}

.title-bar--active .title-bar__toggle span:first-child {
	transform: scale(0) translateY(7px)
}

.title-bar--active .title-bar__toggle span:nth-child(2) {
	transform: rotate(45deg)
}

.title-bar--active .title-bar__toggle span:nth-child(3) {
	transform: rotate(-45deg)
}

.title-bar--active .title-bar__toggle span:nth-child(4) {
	transform: scale(0) translateY(-7px)
}

.mobile-nav {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 105;
	padding-top: 4em;
	padding-bottom: 2em;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(0, 0, 0, .9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transform: translateY(-2em);
	opacity: 0;
	display: none;
	transition: all .2s ease;
	font-size: 1rem
}

.mobile-nav dl {
	margin-bottom: 0
}

.mobile-nav.show {
	opacity: 1;
	display: block;
	transform: translateY(0)
}

.mobile-nav ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.mobile-nav ul li.divider {
	border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.mobile-nav ul li a {
	display: block;
	color: hsla(0, 0%, 100%, .8);
	transition: color .2s ease;
	padding: .7rem 1rem;
	font-weight: 300
}

.mobile-nav ul li a:hover {
	color: #fff;
	background-color: hsla(0, 0%, 100%, .2)
}

.mobile-nav ul dd>a {
	padding: .4rem 1.2rem
}

.ui-mask {
	background-color: rgba(0, 0, 0, .5);
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	position: fixed;
	display: none;
	transition: all .5s
}

.ui-mask.show {
	display: block
}

.callout {
	border: 1px solid #e0e0e0
}

.callout h6 {
	font-size: .875rem;
	margin-bottom: .35em
}

.callout p.small,
.callout p.xsmall {
	line-height: 1.2
}

.callout.fill {
	border: none;
	background: #f5f5f5
}

.stat-number {
	font-weight: 300
}

.stat-number h1 {
	font-weight: 200;
	font-size: 4.25rem;
	margin-bottom: -.2em
}

.stat-number h1 span.small {
	font-size: 30%;
	font-weight: 400
}

.reveal {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .3);
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .05);
	border-radius: 3px
}

.reveal-overlay {
	background-color: rgba(0, 0, 0, .24)
}

.code {
	background: #fff;
	padding: 16px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #e0e0e0, inset 49px 0 0 #fafafa, inset 50px 0 0 #e8e8eb;
	margin-bottom: 1.2rem
}

.code pre {
	counter-reset: a
}

.code pre div {
	font-family: Menlo, Consolas, Liberation Mono, Courier, monospace;
	font-size: .75rem;
	width: 100%
}

.code pre div:before {
	font-size: .625rem;
	font-weight: 400;
	position: relative;
	top: 2px;
	float: left;
	width: 12px;
	margin-right: 40px;
	content: counter(a);
	counter-increment: a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: right;
	color: #bdbdbd
}

ul.menu li a {
	transition: color .2s ease, border-color .2s ease
}

table tfoot,
table thead {
	background: transparent;
	border-left: none;
	border-right: none
}

table tfoot tr,
table thead tr {
	border-bottom: 1px solid #bdbdbd
}

table tbody,
table tfoot,
table thead {
	border: none;
	background-color: transparent
}

table tbody tr {
	border-bottom: 1px solid #e0e0e0
}

table tbody tr:nth-child(2n) {
	background: transparent
}

table tbody td,
table tbody th {
	padding: 1rem 1rem 1.225rem
}

table tfoot td,
table tfoot th,
table thead td,
table thead th {
	padding: .625rem 1rem .825rem
}

@media screen and (max-width:39.9375em) {
	table tbody tr {
		padding: 2em 0 1.5em
	}
	table tbody tr:first-child {
		border-top: 1px solid #e0e0e0
	}
	table tbody tr td:first-child {
		font-weight: 600
	}
}

.pricing-table {
	text-align: left
}

.pricing-table td h3 {
	text-align: left;
	margin-bottom: 0
}

.pricing-table td h3 .small {
	font-size: 1rem;
	font-weight: 400;
	padding-left: .2em
}

.news {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 0
}

.news a,
.news h1,
.news h2,
.news h3,
.news h4,
.news h5,
.news h6,
.news p {
	margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
	.news a,
	.news h1,
	.news h2,
	.news h3,
	.news h4,
	.news h5,
	.news h6,
	.news p {
		margin: .5em 0 0
	}
}

.news.ld-content>.row {
	padding: 1em 0
}

.list--style-none {
	list-style: none;
	margin: 0
}

.noselect,
.scene-viewes .scene,
ul.device-wall li,
ul.device-wall li .device {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.countdown,
.fullscreen {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden
}

.hero.countdown,
.hero.fullscreen {
	padding: 0
}
/*#foorm_a{position: fixed;}*/
footer {
	width: 100%;
	padding: 0px 0 10px;
	background: #f7f7f7;
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .03);
	/*position: absolute;
	bottom: -100px;*/
}


footer ul.row {
	width: 100%;
	margin: 0 auto;
	list-style: none
}

footer ul.row li {
	list-style: none;
	margin-bottom: 0
}

footer ul.row li a {
	font-size: 14px;
	line-height: 22px;
	color: #606060
}

footer ul.row dt {
	margin-bottom: 14px;
	color: #202020;
	font-weight: 400
}

footer ul.row .phone,
footer ul.row dt {
	font-size: 18px;
	line-height: 28px
}

footer ul.row .time {
	margin-bottom: 33px;
	font-size: 14px;
	color: #606060;
	line-height: 22px
}

footer ul.row .weixin {
	position: relative
}

footer ul.row .weixin .we-ico {
	width: 22px;
	height: 22px
}

footer ul.row .weixin .we-qr {
	position: absolute;
	left: -3.125rem;
	top: -7.75rem;
	display: none;
	width: 7.625rem;
	height: 8.0625rem
}

footer ul.row .weixin a:hover+.we-qr {
	display: inline-block
}

footer .beian {
	width: 90%;
	margin: 0 auto;
	padding-top: 40px;
	color: #606060;
	font-size: 12px;
	background: -webkit-linear-gradient(#999, #fff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff, rgb(246,248,248)); /* 标准的语法 */
}

footer .beian a {
	color: #606060
}

footer .beian p:last-child {
	text-align: right
}

@media screen and (max-width:414px) {
	footer ul.row {
		margin-bottom: 50px
	}
	footer ul.row li:nth-child(2n) {
		padding-left: 20%
	}
	footer .beian p:last-child {
		text-align: left
	}
}

.footer__language-switcher {
	position: relative;
	width: 25px;
	height: 16px;
	cursor: pointer;
	float: right;
	margin-top: 5px;
	transition: transform .2s ease
}

.footer__language-switcher .lang {
	color: #616161;
	border: 1px solid #616161;
	border-radius: 2px;
	width: 16px;
	height: 16px;
	position: absolute;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	background: #fafafa
}

.footer__language-switcher .lang.han {
	top: -2px;
	left: -2px;
	font-size: 11px;
	font-weight: 600
}

.footer__language-switcher .lang.en,
.footer__language-switcher .lang.han {
	padding-left: 1px;
	transition: top .2s ease-out, left .2s ease-in, background .2s ease, color .2s ease
}

.footer__language-switcher .lang.en {
	top: 2px;
	left: 11px;
	font-weight: 500
}

.footer__language-switcher:hover .lang.han {
	top: 2px;
	left: 11px;
	border-color: #616161;
	color: #fafafa;
	background: #616161
}

.footer__language-switcher:hover .lang.en {
	top: -2px;
	left: -2px
}

.footer__language-switcher:active {
	transform: scale(.95)
}

.ld-content>.row {
	padding: 4rem 0
}

@media screen and (max-width:39.9375em) {
	.ld-content>.row {
		padding: 2rem 0
	}
}

.ld-content p:last-child {
	margin-bottom: 0
}
#buttonS{background-color:rgb(255,255,255);padding: 7px 12px;color: white;margin: 0 0 33px 0; color: rgb(38,164,241); font-weight: 400;}
.ld-content p.gray {
	color: rgba(0, 0, 0, .4)
}

.ld-content dl dt {
	margin-top: 1em
}

.ld-content--center,
.ld-content--center h3,
.ld-content--center img,
.ld-content--center p {
	text-align: center
}

.ld-content--no-overflow,
.ld-content--no-padding {
	width: 100%;
	overflow: hidden
}

.ld-content--no-padding>.row {
	padding: 0
}

@media screen and (max-width:39.9375em) {
	.ld-content--no-padding .ld-content__body {
		padding: 4rem 2em 0
	}
}

.ld-content--no-padding-bottom>.row {
	padding-bottom: 0
}

.ld-content--blue {
	background: linear-gradient(90deg, #3396f2, #4693ff);
	color: #fff
}

.ld-content--gray {
	background: #fafafa;
	border-bottom: 1px solid #ebebeb
}

.ld-content--gray>.row {
	border-bottom: none!important
}

.ld-content--no-border {
	border-bottom: none
}

.ld-content--no-border>.row {
	border-bottom: none!important
}

.ld-content--bluegreen,
.ld-content--darkgray,
.ld-content--invert,
.ld-content--midgray {
	color: #fefefe;
	background: linear-gradient(-180deg, #0f0f0f, #0a0a0a)
}

.ld-content--bluegreen h1,
.ld-content--bluegreen h2,
.ld-content--bluegreen h3,
.ld-content--bluegreen h4,
.ld-content--bluegreen h5,
.ld-content--bluegreen h6,
.ld-content--darkgray h1,
.ld-content--darkgray h2,
.ld-content--darkgray h3,
.ld-content--darkgray h4,
.ld-content--darkgray h5,
.ld-content--darkgray h6,
.ld-content--invert h1,
.ld-content--invert h2,
.ld-content--invert h3,
.ld-content--invert h4,
.ld-content--invert h5,
.ld-content--invert h6,
.ld-content--midgray h1,
.ld-content--midgray h2,
.ld-content--midgray h3,
.ld-content--midgray h4,
.ld-content--midgray h5,
.ld-content--midgray h6 {
	color: #fefefe;
	text-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.ld-content--bluegreen .ld-content__hero h5,
.ld-content--bluegreen p,
.ld-content--darkgray .ld-content__hero h5,
.ld-content--darkgray p,
.ld-content--invert .ld-content__hero h5,
.ld-content--invert p,
.ld-content--midgray .ld-content__hero h5,
.ld-content--midgray p {
	text-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	color: hsla(0, 0%, 100%, .8)
}

.ld-content--bluegreen>.row,
.ld-content--darkgray>.row,
.ld-content--invert>.row,
.ld-content--midgray>.row {
	border-bottom: none!important
}

.ld-content--bluegreen {
	background: #2a6591;
	background: radial-gradient(circle farthest-side at left bottom, #43a1bf 0, #3a9cc9 10%, #2a6591 34%, #284682 63%, #223054 100%)
}

.ld-content--darkgray {
	background: #4c5b6e;
	background-image: linear-gradient(163deg, #1b2128, #61758e)
}

.ld-content--midgray {
	background: #607485;
	background: radial-gradient(circle farthest-side at left top, #98aeb9 0, #798f9d 30%, #607485 100%)
}

.ld-content--lightgray {
	background: #eee;
	background: radial-gradient(circle farthest-side at left top, #fcfcfc 0, #eaeaea 100%)
}

.ld-content--productgray {
	background: #f0f0f0;
	border-bottom: 1px solid #ebebeb
}

.ld-content--white {
	background: #fff;
	border-bottom: 1px solid #ebebeb
}

.ld-content--productblue {
	background: #f7fafc;
	background-image: linear-gradient(-180deg, #f7fafc 3%, #f0f4fa 98%)
}

.ld-content-productyellow {
	background: #fdfcf9;
	background-image: linear-gradient(-180deg, #fdfcf9, #fcfaf0 95%);
	border-bottom: 1px solid #ebebeb
}

.ld-content-productwhite {
	background: #fff;
	background-image: linear-gradient(-180deg, #fff, #fafafa);
	border-bottom: 1px solid #ebebeb
}

.bottom-cta {
	text-align: center;
	padding: 60px 0 120px
}

.bottom-cta p:last-child {
	margin-bottom: 0
}

.bottom-cta--border-top>.row {
	border-top: 1px solid #ebebeb
}

.bottom-cta .logo-grid__column {
	padding: 0
}

.bottom-divider {
	height: 3px;
	background: #fafafa
}

.bottom-divider hr {
	border-color: #ebebeb;
	margin-top: 0
}

.bottom-cta--gray {
	background: #fafafa
}

.bottom-cta--blue {
	background: #35c8e6;
	color: #fff;
	padding-top: 138px;
	height: 420px;
	box-sizing: border-box
}

.button.register {
	margin-top: 36px;
	background-color: #fff;
	color: #35c8e6
}

.bottom-cta--black {
	background: #474747;
	color: #fff
}

.bottom-cta--nonprofit {
	background-image: url(../img/bottom-cta--nonprofit.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	color: #29614e
}

.bottom-cta--outline>.row {
	border: 1px solid #ebebeb!important;
	padding: 4rem 0 2.5rem;
	border-radius: 3px
}

.ld-floating-logo-wall {
	box-shadow: 0 12px 36px rgba(0, 0, 0, .1);
	padding: 2rem 6rem;
	border-radius: 10px;
	transform: translateY(-2.5rem);
	background: #fefefe
}

.ld-floating-logo-wall>.row {
	width: 100%
}

.ld-floating-logo-wall .column,
.ld-floating-logo-wall .columns {
	text-align: center
}

@media screen and (max-width:39.9375em) {
	.ld-floating-logo-wall .column,
	.ld-floating-logo-wall .columns {
		padding: 1em 0
	}
}

.ld-floating-logo-wall img {
	max-height: 42px
}

.ld-feature-grid {
	text-align: center
}

.ld-feature-grid__column {
	padding: 2rem 0 4rem
}

.ld-feature-grid__column p {
	padding: 0 3em;
	color: #616161
}

@media screen and (max-width:39.9375em) {
	.ld-feature-grid__column p {
		padding: 0 1em
	}
}

.ld-feature-grid__column h5,
.ld-feature-grid__column h6 {
	margin-bottom: .5em
}

.ld-feature-grid--left {
	text-align: left
}

.ld-feature-grid--left .ld-feature-grid__column p {
	padding-left: 0
}

.ld-feature-grid--no-padding .ld-feature-grid__column {
	padding-bottom: 0
}

.ld-feature-grid__icon {
	padding: 2rem 0;
	height: 7.5rem;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.ld-feature-grid__digit {
	color: #bdbdbd
}

.ld-feature-grid__digit h1 {
	margin-bottom: .5rem
}

.ld-faq>.row {
	padding: 4rem 0;
	border-bottom: none!important
}

@media screen and (max-width:39.9375em) {
	.ld-faq>.row {
		padding: 2rem 0
	}
}

.ld-faq h4 {
	text-align: center
}

.ld-faq .accordion {
	border: none
}

.ld-faq .accordion .accordion-item a {
	font-size: 1rem;
	color: #14b1d1
}

.ld-faq .accordion .accordion-item.is-active {
	background: none
}

.ld-faq .accordion .accordion-item:last-child a {
	border: none
}

.ld-faq .accordion .accordion-title {
	transition: background .2s ease
}

.ld-faq .accordion .accordion-title:hover {
	background: #f5f5f5
}

.ld-faq .accordion .accordion-title:focus {
	background: none
}

.ld-content-container section:last-child>.row {
	border: none
}

.ld-logo-wall {
	text-align: center
}

.ld-logo-wall>.row {
	padding: 2rem 0
}

@media screen and (max-width:39.9375em) {
	.ld-logo-wall>.row {
		padding: 0
	}
}

.ld-logo-wall img {
	max-height: 25px
}

.ld-logo-wall .ld-logo-wall__grid {
	margin: 2.48447rem 0
}

.typical-case-logo-wall {
	padding: 0 0 3rem
}

.typical-case-logo-wall img {
	max-height: 18px
}

.typical-case-logo-wall h4,
.typical-case-logo-wall p {
	text-align: left
}

.typical-case-logo-wall .text-gray {
	color: #9a9a9a
}

.typical-case-logo-wall .thumbnail-bg {
	position: relative;
	width: 100%;
	height: 252px;
	border-radius: 3px;
	background: hsla(0, 0%, 100%, .95);
	box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .05);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 2rem
}

.typical-case-logo-wall .thumbnail-bg.shiji {
	background-image: url(/assets/img/customer-case-shiji.png);
	background-position: 100%
}

.typical-case-logo-wall .thumbnail-bg.mmcar {
	background-image: url(/assets/img/customer-case-mmcar.jpg);
	background-position: 50%
}

.typical-case-logo-wall .thumbnail-bg .small-logo {
	position: absolute;
	bottom: -1em;
	right: -1rem;
	width: 55px;
	height: 55px;
	border-radius: 14px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 8px 12px rgba(0, 0, 0, .1);
	background-size: cover;
	background-repeat: no-repeat
}

.typical-case-logo-wall .thumbnail-bg .small-logo.shiji {
	background-image: url(../img/shiji-small-logo.png)
}

.typical-case-logo-wall .thumbnail-bg .small-logo.mmcar {
	background-image: url(../img/mmcar-small-logo1.png)
}

.typical-case-logo-wall .logo-icon {
	margin-bottom: 1rem
}

.ld-logo-wall--grayscale img {
	transition: all .2s ease;
	filter: grayscale(100%) brightness(120%)
}

.ld-logo-wall--grayscale img:hover {
	filter: grayscale(0) brightness(100%)
}

.device-android-shell {
	background: url(../img/device-white-android-shell.png) no-repeat;
	background-size: 265px 502px;
	width: 265px;
	height: 502px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.device-android-shell {
		background-image: url(../img/device-white-android-shell@2x.png)
	}
}

.device-android-shell .device-screen {
	width: 213px;
	height: 377px;
	margin-top: 58px;
	margin-left: 25px;
	background-color: #e0e0e0;
	background-size: 213px 377px;
	background-repeat: no-repeat
}

.ld-content__hero {
	padding-bottom: 2rem;
	text-align: center
}

.ld-content__hero h2 {
	text-align: center;
	margin-bottom: .2em
}

.ld-content__hero h5 {
	text-align: center;
	margin-bottom: .5em;
	color: #616161
}

.ld-content__hero h3 {
	font-weight: 300;
	font-size: 1.5rem;
	margin-bottom: .5em;
	margin-top: 1em
}

.ld-content__hero h6 {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.5rem
}

.ld-content__hero--left,
.ld-content__hero--left h2,
.ld-content__hero--left h3,
.ld-content__hero--left h4,
.ld-content__hero--left h5,
.ld-content__hero--left h6 {
	text-align: left
}

.ld-content__hero .ld-content__heroicon {
	margin-bottom: 1.2em
}

.ld-content__hero--no-padding {
	padding-bottom: 0
}

.ld-content__heroicon {
	border-radius: 100%;
	width: 61px;
	height: 61px;
	margin: 0 auto
}

.ld-content__heroicon--small {
	width: 32px;
	height: 32px;
	background-size: contain!important
}

.ld-content__callout {
	margin-bottom: 2em
}

.ld-content__callout .left,
.ld-content__callout .left h3 {
	text-align: right;
	margin: 0;
	margin-top: .15em
}

.ld-content__callout .right,
.ld-content__callout .right h1 {
	text-align: left;
	font-size: 4.25rem;
	font-weight: 100;
	margin: 0
}

.ld-ingridcta .inner-row {
	padding: 2em;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	margin-bottom: 4em
}

@media screen and (max-width:39.9375em) {
	.ld-ingridcta .inner-row {
		margin-bottom: 1em
	}
}

.ld-ingridcta .inner-row p {
	margin: 0
}

.ld-icongrid__icon {
	padding-bottom: 1em
}

.hero {
	padding: 1rem 0 4rem;
	position: relative
}

.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero p {
	width: 100%;
	text-align: center
}

.hero.text-left h1,
.hero.text-left h2,
.hero.text-left h3,
.hero.text-left h4,
.hero.text-left p {
	width: 100%;
	text-align: left
}

.hero--large-padding {
	padding: 12em 0 7em
}

@media screen and (max-width:39.9375em) {
	.hero--large-padding {
		padding: 8em 0 5em
	}
}

.hero--text-align-left h1,
.hero--text-align-left h2,
.hero--text-align-left h3,
.hero--text-align-left h4,
.hero--text-align-left h5,
.hero--text-align-left h6,
.hero--text-align-left p {
	text-align: left;
	width: auto
}

@media screen and (max-width:39.9375em) {
	.hero--text-align-left h1,
	.hero--text-align-left h2,
	.hero--text-align-left h3,
	.hero--text-align-left h4,
	.hero--text-align-left h5,
	.hero--text-align-left h6,
	.hero--text-align-left p {
		text-align: center
	}
}

.hero--text-align-left .align-self-middle svg {
	margin: 0 auto;
	display: block
}

.hero.is-full-height {
	padding: 0;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hero.no-padding-with-bottom {
	padding-bottom: 0!important
}

.hero-activity-outer {
	position: relative;
	height: 50px
}

.hero-activity {
	position: absolute;
	padding: 6px 24px 6px 8px;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%);
	background-color: #fafafa;
	border-radius: 50px;
	font-size: 14px
}

.hero-activity .button {
	margin-right: 14px;
	padding: 3px 9px;
	line-height: 18px;
	font-size: 12px
}

@media screen and (max-width:414px) {
	.hero-activity {
		min-width: 100%;
		bottom: 0;
		font-size: 12px
	}
	.iconwall-item {
		margin-bottom: 10px
	}
}

@media screen and (min-width:414px) {
	.hero-scene-intro {
		top: -0px;
		top: 180px\9\0;
		left:  40%\9\0;
	}
	.line-box-wrap {
		margin-top: -80px
	}
}

.hero--no-padding>.row .columns {
	padding: 0
}

.hero--no-content {
	padding: 0;
	height: 5.125em
}

.hero-link {
	font-size: 16px;
	margin-right: 24px
}

.hero--clip {
	overflow: hidden;
	border-bottom: 1px solid #ebebeb
}

.hero-copy {
	margin: 0 auto;
	transition: all .5s ease;
	z-index: 9
}

.hero-copy.text-animate {
	transform: translateY(-10px) rotateY(0deg) rotateX(45deg) rotate(0deg) scale(.5);
	transform-origin: bottom;
	opacity: 0
}

.hero-copy h1 {
	margin-bottom: .2rem
}

.hero-copy.is-animated {
	opacity: 1;
	transform: rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1)
}

.hero-copy--longform h1 {
	margin-bottom: 1rem
}

.hero-copy--longform h4 {
	text-align: center;
	transform: translateX(.5rem);
	animation: n 20s forwards linear;
	animation-delay: 2s;
	padding-top: 2rem
}

.hero-copy__starwars {
	height: 15rem;
	overflow: hidden;
	animation: o 1s forwards ease;
	animation-delay: 22s;
	position: relative
}

.starwars-mask {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(-180deg, #fcfcfc 1%, hsla(0, 0%, 99%, 0) 20%, hsla(0, 0%, 99%, 0) 80%, #fbfbfb);
	z-index: 2
}

.hero-pic {
	text-align: center;
	transform: translateY(10rem);
	margin-top: -10rem;
	padding-top: 2rem
}

.countdown-bg,
.hero-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	/*top: 0;*/
	/*top:309px\9\0;
	left:650px\9\0;*/
	/*top:0px ;
	left:0px ;*/
	-moz-left: 0;
	-webkit-left: 0;
	-o-left: 0;
	/*-ms-left:650px\0;*/
	
	-moz-overflow: hidden;
	-webkit-overflow:hidden; 
	-o-overflow:hidden;
	/*-ms-overflow-y: hidden;*/
	/*overflow-x: none\9;?*/
}

.hero-bg {
	z-index: -1!important
}

@media screen and (min-width:40em) {
	.hero-bg.home {
		-webkit-mask-image: linear-gradient(-90deg, transparent, #000 22%, #000 48%, rgba(0, 0, 0, .2) 78%, transparent);
		height: 107%
	}
}

.hero-bg.home>.row {
	height: 100%
}

.hero-coin {
	width: 30px;
	height: 30px;
	background: #e0e0e0;
	position: absolute;
	top: -10%;
	left: 50%
}

.hero-icons {
	padding: 1rem 0
}

.device-wall-wrap {
	width: 100%;
	overflow-x: hidden;
	overflow: hidden;
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	.device-wall-wrap {
		overflow-x: scroll
	}
}

ul.device-wall {
	list-style: none;
	list-style-type: none;
	width: 100%;
	transform: rotateY(0deg) rotateX(-15deg) rotate(0deg) scale(1);
	transition: all 1s ease
}

ul.device-wall.is-animated {
	transform: rotateY(0deg) rotateX(0deg) rotate(0deg) scale(1)
}

ul.device-wall li {
	margin-right: 1rem;
	vertical-align: bottom;
	padding-bottom: 2rem;
	transition: all .4s ease;
	opacity: 0;
	transform: translateY(-10px)
}

ul.device-wall li.is-animated {
	opacity: 1;
	transform: translateY(0)
}

ul.device-wall li .device {
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative
}

ul.device-wall li .device.web {
	width: 34.75rem;
	height: 24.625rem;
	background-size: contain;
	background-image: url(../img/web-chrome.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall li .device.web {
		background-image: url(../img/web-chrome@2x.png)
	}
}

ul.device-wall li .device.apple-pay {
	width: 12.875rem;
	height: 25.375rem;
	background-size: contain;
	background-image: url(../img/phone-apple-pay.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall li .device.apple-pay {
		background-image: url(../img/phone-apple-pay@2x.png)
	}
}

ul.device-wall li .device.wechat {
	width: 13.5625rem;
	height: 27.1875rem;
	background-size: contain;
	background-image: url(../img/phone-hongbao.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall li .device.wechat {
		background-image: url(../img/phone-hongbao@2x.png)
	}
}

ul.device-wall li .device.qr {
	width: 12.25rem;
	height: 14.8125rem;
	background-size: contain;
	background-image: url(../img/qr-card.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall li .device.qr {
		background-image: url(../img/qr-card@2x.png)
	}
}

ul.device-wall li .device.qr .qr-label {
	width: 100%;
	position: absolute;
	padding: 1.25rem;
	text-align: center;
	color: #757575
}

ul.device-wall li .device-label {
	display: block;
	width: 100%;
	text-align: center;
	z-index: 1;
	position: relative;
	font-size: .875rem;
	font-weight: 500
}

ul.device-wall li .device-label span {
	transition: all .2s ease;
	position: absolute;
	display: block;
	width: 100%
}

ul.device-wall li .device-label .title {
	bottom: -1rem
}

ul.device-wall li .device-label .description {
	bottom: -.5rem;
	opacity: 0;
	text-align: center;
	font-weight: 400
}

ul.device-wall li:hover {
	cursor: pointer
}

ul.device-wall li:hover .device-label .title {
	bottom: -1.5rem;
	opacity: 0
}

ul.device-wall li:hover .device-label .description {
	bottom: -1rem;
	opacity: 1
}

ul.device-wall li.focus-out {
	opacity: .6;
	transform: scale(.95);
	filter: grayscale(100%)
}

.text-mask {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	height: 6.25rem
}

@media screen and (max-width:39.9375em) {
	.text-mask {
		height: 3.75rem;
		margin-bottom: 1em
	}
}

.text-mask.multi {
	height: 12.5rem
}

.hero-title-carousel {
	display: block;
	position: relative;
	width: 100%;
	list-style: none;
	margin-left: 0
}

.hero-title-carousel li {
	display: block;
	position: absolute;
	width: 100%
}

.hero-title-carousel-hide {
	opacity: 0!important;
	transform: translateY(-100%) translateZ(0)!important
}

.hero-title-carousel-reveal {
	transform: translateY(100%) translateZ(0)
}

.hero footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: transparent!important;
	padding-top: 0;
	padding-bottom: 1em;
	opacity: .4;
	transition: all .5s ease
}

.hero footer:hover {
	opacity: .7
}

.hero footer p {
	text-align: left;
	display: none
}

@media screen and (max-width:39.9375em) {
	.hero footer {
		display: none
	}
}

.line-box-wrap {
	width: 558px;
	height: 393px;
	position: relative
}

@media screen and (max-width:39.9375em) {
	.line-box-wrap {
		width: auto;
		transform: scale(.8) translateY(40%)
	}
}

.line-box-viewport {
	position: absolute;
	top: -55px;
	width: 105%;
	height: 100%;
	margin-left: -1em
}

@media screen and (max-width:39.9375em) {
	.line-box-viewport {
		margin-left: auto
	}
}

.line-boxes {
	position: relative;
	width: 2500px;
	padding-top: 52px;
	transform: translate3d(-246px, 0, 0);
	-ms-transform: translate3d(-246px, 0, 0)
}

@media screen and (max-width:39.9375em) {
	.line-boxes {
		opacity: 0
	}
}

.line-boxes:last-child {
	margin-right: 0
}

.line-boxes .box {
	float: left;
	width: 166px;
	height: 294px;
	margin-right: 17px;
	background-repeat: no-repeat;
	background-size: cover
}

/*
 * 手机简略轮播图
 */

.line-boxes .box.web {
	width: 424px;
	background-image: url(../../img/y-23.png);
	background-size: 80%;
	background-position-y: 20px;
	
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.line-boxes .box.web {
		background-image: url(../../img/y-23.png);
		/*background-position: 100% 100%;*/
	}
}

.line-boxes .box.apple-pay {
	/*width: 240px;*/
	background-image: url(../../img/iphong-22.png);
	background-position: 100% 100%;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.line-boxes .box.apple-pay {
		background-image: url(../../img/iphong-22.png);
		background-position: 100% 100%;
	}
}

.line-boxes .box.hongbao {
	width: 310px;
	background-image: url(../../img/pos-23.png);
	background-position: 50px 40px;
	background-size: 70%;
	
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.line-boxes .box.hongbao {
		background-image: url(../../img/pos-23.png);
		background-position: 100% 100%;
	}
}

.line-boxes .box.qr {
	background-image: url(../../img/y-23.png);
	background-size: 50%;
	/*background-position: 50px 50px;*/
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.line-boxes .box.qr {
		background-image: url(../../img/y-23.png)
	}
}

.scene-slider-wrap {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 303px;
	height: 426px
}


.scene-slider-wrap .iphone-hand-bg {
	position: absolute;
	top: 80px;
	width: 378px;
	height: 573px;
	background-image: url(../img/home-phone-hand.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: none
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.scene-slider-wrap .iphone-hand-bg {
		background-image: url(img/help_1.png)
	}
}



.device-iphone6,
.device-iphone6 .topbar {
	position: absolute;
	background-color: #fcfcfc
}
/*手机上部的配置*/
.device-iphone6 .topbar {
	top: 0px;
	left: 0;
	
	/*background-color: #3BA3F8;*/
	width: 100%;
	height: 44px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px
}
/*手机屏幕的配置*/
.device-iphone6 .screen {
	/*background-color: red;*/
	position: relative;
	width: 100%;
	height: 294px;
	overflow: hidden;
	border-radius: 0px
}

.device-iphone6 .camera {
	background-color: chartreuse;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	transform: translateX(-50%)
}

.device-iphone6 .camera,
.device-iphone6 .speaker {
	position: absolute;
	left: 50%;
	background-color: #1d1c1c
}

.device-iphone6 .speaker {
	top: 20px;
	width: 28px;
	height: 3px;
	border-radius: 4px;
	transform: translateX(-49%)
}

.device-iphone6 .speaker-before {
	position: absolute;
	top: 18px;
	left: 33%;
	width: 6px;
	height: 6px;
	background: #272626;
	border-radius: 50%;
	transform: translateX(-49%)
}

.device-iphone6 .home {
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #d9d9d9
}
/*手机home键*/
.device-iphone6 .home:after {
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fcfcfc
}

.scene-viewes {
	position: relative;
	width: 2500px;
	height: 100%
}

.scene-viewes .scene {
	position: relative;
	float: left;
	width: 166px;
	height: 294px;
	background-repeat: no-repeat;
	background-size: cover
}
/*手机轮播图*/
.scene-viewes .scene.apple-pay {
	border: 1px solid rgba(0, 0, 0, 1);
	background-image: url(../../img/iphong-22x.png);
	background-position: 0px 57px ;
	background-size: 100%;
	
}

.scene-viewes .scene.hongbao {
	/*background-image: url(../img/pos-22.png);*/
	width: 166px;
	background-position: 0 50px;
	background-size: 100%;
}

.scene-viewes .scene.qr {
	/*border: 1px solid rgba(0, 0, 0, .3);*/
	background-image: url(../../img/pos-22.png);
	width: 300px;
	background-size: 77%;
	background-position: 55px 8px; 
}

.scene-viewes .scene.web {
	width: 425px;
	height: 293px;
	background-image: url(../../img/y-22.png);
	background-position: 40px 10px;
	background-size: 80%;
	/*background-size: cover;*/
}

.home-feature__copy p {
	font-size: 16px;
	color: #606060
}

.hero-scene-intro {
	position: relative;
	z-index: 9
}

@media screen and (max-width:39.9375em) {
	.hero-scene-intro {
		margin-left: auto;
		margin-right: auto
	}
}

.hero-scene-intro .viewport {
	position: relative;
	width: 100%;
	min-width: 370px;
	margin-bottom: 20px;
	height: 116px;
	overflow: hidden
}

@media screen and (max-width:39.9375em) {
	.hero-scene-intro .viewport {
		height: 88px
	}
}

.hero-scene-intro h1,
.hero-scene-intro h4,
.hero-scene-intro p {
	text-align: left
}

@media screen and (max-width:39.9375em) {
	.hero-scene-intro h1,
	.hero-scene-intro h4,
	.hero-scene-intro p {
		text-align: center
	}
}

.hero-scene-intro h1 {
	word-break: keep-all
}

.hero-scene-intro h4 {
	margin-bottom: 1em
}

.hero-scene-text {
	position: relative;
	display: block;
	width: 100%;
	height: 646px;
	min-width: 370px;
	list-style: none;
	margin-left: 0
}
.hero-scene-text li{
	padding: 26px 0;
}
.hero.fullheight {
	height: 700px;
	min-height: 485px;
	/*border-bottom: 1px solid rgba(0, 0, 0, .06);*/
	z-index: 0;
	overflow: hidden;
	/*position: absolute;*/
	/*top: 0;*/
}

.hero.fullheight>.row {
	height: 100%
}

@media screen and (max-width:39.9375em) {
	.hero.fullheight {
		padding-top: 7rem;
		min-height: 660px
	}
	.hero.fullheight h1.show-for-small-only {
		margin-bottom: .2em
	}
}

.fullheight-column-align {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center
}

@media screen and (max-width:39.9375em) {
	.fullheight-column-align {
		-ms-flex-item-align: start;
		align-self: flex-start
	}
}

.styleguide .top-bar {
	background: #fefefe;
	border-bottom: 1px solid #ebebeb
}

.styleguide .side-bar {
	font-size: .875rem;
	font-weight: 500
}

.styleguide .side-bar ul.menu li {
	margin-bottom: .5em
}

.styleguide .side-bar a {
	color: #0a0a0a;
	border-radius: 3px;
	transition: background-color .2s ease
}

.styleguide .side-bar a:hover {
	background-color: #e0e0e0
}

.styleguide .side-bar a span.description {
	display: block;
	color: #757575;
	font-size: .75rem;
	margin-top: .12em
}

.styleguide .side-bar a.active {
	background-color: #35c8e6;
	color: #fefefe
}

.styleguide .side-bar a.active span.description {
	color: #fefefe
}

.styleguide-element {
	border: 1px solid #e0e0e0;
	padding: 1em;
	border-radius: 3px;
	margin-bottom: .5em
}

.styleguide-element.no-padding {
	padding: 0
}

.styleguide-element.h1-no-margin h1 {
	margin-bottom: .5rem
}

.styleguide-element .row:last-child .callout {
	margin: 0
}

.styleguide-caption {
	font-size: .75rem;
	font-weight: 500;
	display: inline-block;
	color: #8a8a8a;
	line-height: 1.2
}

.styleguide-content {
	margin-top: 2em
}

.styleguide-head {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ebebeb
}

.styleguide-head h2 {
	margin-bottom: .1em
}

.styleguide-section {
	padding: 1em 0
}

.styleguide-section h3 {
	margin-bottom: .45em
}

.styleguide-section h6.styleguide-section--title {
	margin-bottom: .7em;
	font-size: .875rem;
	margin-top: 1em
}

.color-palette {
	list-style: none;
	margin: 0;
	clear: both
}

.color-palette .color-palette-item {
	width: 10em;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
	border-radius: 3px;
	float: left;
	margin-right: .5em;
	margin-bottom: .5em
}

.color-palette .color-palette-item .fill {
	width: 100%;
	height: 6.21118em;
	border-radius: 3px 3px 0 0;
	border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.color-palette .color-palette-item .info {
	font-size: .75rem;
	padding: .5em
}

.color-palette .color-palette-item .info .name {
	font-weight: 500;
	font-size: .875rem
}

.color-palette .color-palette-item .info .meta,
.color-palette .color-palette-item .info .var {
	font-family: Menlo, Consolas, Liberation Mono, Courier, monospace;
	display: block;
	text-transform: lowercase;
	font-size: .75rem
}

.hero.invert,
.theme-career .hero,
.theme-invert .hero,
.theme-ld-career .hero,
.theme-orange-purple .hero,
.theme-pink-black .hero {
	color: #fefefe
}

.hero.invert h1,
.hero.invert h2,
.hero.invert h3,
.hero.invert h4,
.hero.invert h5,
.hero.invert h6,
.theme-career .hero h1,
.theme-career .hero h2,
.theme-career .hero h3,
.theme-career .hero h4,
.theme-career .hero h5,
.theme-career .hero h6,
.theme-invert .hero h1,
.theme-invert .hero h2,
.theme-invert .hero h3,
.theme-invert .hero h4,
.theme-invert .hero h5,
.theme-invert .hero h6,
.theme-ld-career .hero h1,
.theme-ld-career .hero h2,
.theme-ld-career .hero h3,
.theme-ld-career .hero h4,
.theme-ld-career .hero h5,
.theme-ld-career .hero h6,
.theme-orange-purple .hero h1,
.theme-orange-purple .hero h2,
.theme-orange-purple .hero h3,
.theme-orange-purple .hero h4,
.theme-orange-purple .hero h5,
.theme-orange-purple .hero h6,
.theme-pink-black .hero h1,
.theme-pink-black .hero h2,
.theme-pink-black .hero h3,
.theme-pink-black .hero h4,
.theme-pink-black .hero h5,
.theme-pink-black .hero h6 {
	color: #fefefe;
	text-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.hero.invert label,
.hero.invert p,
.theme-career .hero label,
.theme-career .hero p,
.theme-invert .hero label,
.theme-invert .hero p,
.theme-ld-career .hero label,
.theme-ld-career .hero p,
.theme-orange-purple .hero label,
.theme-orange-purple .hero p,
.theme-pink-black .hero label,
.theme-pink-black .hero p {
	text-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	color: hsla(0, 0%, 100%, .8)
}

.theme-invert--image .hero {
	color: #fefefe
}

.theme-invert--image .hero h1,
.theme-invert--image .hero h2,
.theme-invert--image .hero h3,
.theme-invert--image .hero h4,
.theme-invert--image .hero h5,
.theme-invert--image .hero h6 {
	color: #fefefe;
	text-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.theme-invert--image .hero p {
	text-shadow: 0 2px 3px rgba(0, 0, 0, .25);
	color: hsla(0, 0%, 100%, .8)
}

.theme-invert--pattern.theme-career .hero,
.theme-invert--pattern.theme-ld-career .hero,
.theme-invert--pattern.theme-orange-purple .hero,
.theme-invert--pattern.theme-pink-black .hero,
.theme-invert.theme-invert--pattern .hero {
	background: url(../img/invert-bg.png) 0 0/991px 605px no-repeat, linear-gradient(-180deg, #0f0f0f, #0a0a0a)
}

.theme-products {
	overflow-x: hidden
}

.theme-products .top-bar ul li a {
	color: hsla(0, 0%, 100%, .7)
}

.theme-products .top-bar ul li a:hover {
	color: #fff
}

.theme-products .top-bar .submenu a {
	color: rgba(0, 0, 0, .6)
}

.theme-products .top-bar .submenu a:hover {
	color: rgba(0, 0, 0, .8)
}

.theme-products .button.cta.hollow {
	color: hsla(0, 0%, 100%, .7);
	border: 1px solid hsla(0, 0%, 100%, .7)
}

.theme-products .button.cta.hollow:hover {
	color: rgba(0, 0, 0, .7);
	border: 1px solid hsla(0, 0%, 100%, .7);
	background: #fff;
	box-shadow: 0 10px 10px hsla(0, 0%, 100%, .2)
}

.theme-products .hero {
	background-color: HSL(225, 17%, 5%);
	background-image: url(../img/bg-products.jpg);
	background-size: cover;
	background-position: 50%
}

.theme-products .hero-copy h1,
.theme-products .hero-copy h2,
.theme-products .hero-copy h3,
.theme-products .hero-copy h4,
.theme-products .hero-copy h5,
.theme-products .hero-copy h6 {
	color: #fefefe;
	text-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

.theme-solution {
	overflow-x: hidden
}

.theme-solution .top-bar ul li a {
	color: hsla(0, 0%, 100%, .7)
}

.theme-solution .top-bar ul li a:hover {
	color: #fff
}

.theme-solution .top-bar .submenu a {
	color: rgba(0, 0, 0, .6)
}

.theme-solution .top-bar .submenu a:hover {
	color: #14b1d1
}

.theme-solution .button.cta.hollow {
	color: hsla(0, 0%, 100%, .7);
	border: 1px solid hsla(0, 0%, 100%, .7)
}

.theme-solution .button.cta.hollow:hover {
	color: rgba(0, 0, 0, .7);
	border: 1px solid hsla(0, 0%, 100%, .7);
	background: #fff;
	box-shadow: 0 10px 10px hsla(0, 0%, 100%, .2)
}

.theme-solution .hero {
	background-image: url(../img/solution-bg.png);
	background-size: cover;
	background-position: top
}

.theme-solution .hero-copy h1,
.theme-solution .hero-copy h2,
.theme-solution .hero-copy h3,
.theme-solution .hero-copy h4,
.theme-solution .hero-copy h5,
.theme-solution .hero-copy h6 {
	color: #fefefe;
	text-shadow: 0 3px 5px rgba(0, 0, 0, .25)
}

footer.invert {
	background: #212121;
	color: #757575
}

footer.invert ul.menu li a {
	color: #f5f5f5
}

footer.invert ul.menu li a:hover {
	color: #fff
}

footer.invert .footer__language-switcher .lang {
	border: 1px solid #f5f5f5;
	background: #212121;
	color: #f5f5f5
}

footer.invert .footer__language-switcher:hover .lang.han {
	border-color: #f5f5f5;
	color: #212121;
	background: #f5f5f5
}

.theme-career .top-bar ul li a,
.theme-invert .top-bar ul li a,
.theme-ld-career .top-bar ul li a,
.theme-orange-purple .top-bar ul li a,
.theme-pink-black .top-bar ul li a,
.top-bar.invert ul li a {
	color: hsla(0, 0%, 100%, .7)
}

.theme-career .top-bar ul li a:hover,
.theme-invert .top-bar ul li a:hover,
.theme-ld-career .top-bar ul li a:hover,
.theme-orange-purple .top-bar ul li a:hover,
.theme-pink-black .top-bar ul li a:hover,
.top-bar.invert ul li a:hover {
	color: #fff
}

.theme-career .top-bar ul li .submenu li a,
.theme-invert .top-bar ul li .submenu li a,
.theme-ld-career .top-bar ul li .submenu li a,
.theme-orange-purple .top-bar ul li .submenu li a,
.theme-pink-black .top-bar ul li .submenu li a,
.top-bar.invert ul li .submenu li a {
	color: rgba(0, 0, 0, .6)
}

.theme-career .top-bar ul li .submenu li a:hover,
.theme-invert .top-bar ul li .submenu li a:hover,
.theme-ld-career .top-bar ul li .submenu li a:hover,
.theme-orange-purple .top-bar ul li .submenu li a:hover,
.theme-pink-black .top-bar ul li .submenu li a:hover,
.top-bar.invert ul li .submenu li a:hover {
	color: #1198b4
}

.theme-career .button.cta.hollow,
.theme-invert .button.cta.hollow,
.theme-ld-career .button.cta.hollow,
.theme-orange-purple .button.cta.hollow,
.theme-pink-black .button.cta.hollow {
	color: hsla(0, 0%, 100%, .7);
	border: 1px solid hsla(0, 0%, 100%, .7)
}

.theme-career .button.cta.hollow:hover,
.theme-invert .button.cta.hollow:hover,
.theme-ld-career .button.cta.hollow:hover,
.theme-orange-purple .button.cta.hollow:hover,
.theme-pink-black .button.cta.hollow:hover {
	color: rgba(0, 0, 0, .7);
	border: 1px solid hsla(0, 0%, 100%, .7);
	background: #fff;
	box-shadow: 0 10px 10px hsla(0, 0%, 100%, .2)
}

.theme-career .title-bar,
.theme-cmbwallet .title-bar,
.theme-invert .title-bar,
.theme-ld-career .title-bar,
.theme-orange-purple .title-bar,
.theme-pink-black .title-bar {
	color: #fff
}

.theme-career .title-bar__toggle span,
.theme-cmbwallet .title-bar__toggle span,
.theme-invert .title-bar__toggle span,
.theme-ld-career .title-bar__toggle span,
.theme-orange-purple .title-bar__toggle span,
.theme-pink-black .title-bar__toggle span,
.theme-products .title-bar__toggle span,
.theme-solution .title-bar__toggle span {
	background: #fff
}

.invert.countdown-logo,
.theme-career .countdown-logo,
.theme-career .top-bar__logo,
.theme-cmbwallet .countdown-logo,
.theme-cmbwallet .top-bar__logo,
.theme-invert .countdown-logo,
.theme-invert .top-bar__logo,
.theme-ld-career .countdown-logo,
.theme-ld-career .top-bar__logo,
.theme-orange-purple .countdown-logo,
.theme-orange-purple .top-bar__logo,
.theme-pink-black .countdown-logo,
.theme-pink-black .top-bar__logo,
.theme-products .countdown-logo,
.theme-products .top-bar__logo,
.theme-solution .countdown-logo,
.theme-solution .top-bar__logo,
.top-bar__logo.invert {
	background: url(../img/logo.png) 0 no-repeat
}

.theme-orange-blue .hero {
	background-image: linear-gradient(-180deg, #fff7eb 8%, #cde9ff)
}

.theme-light-gray .hero {
	background-image: linear-gradient(-180deg, #f6f8fa, #f1f3f4)
}

.theme-medium-gray {
	background-color: #fafafa
}

.theme-medium-gray .hero {
	background: #fafafa
}

.theme-pink-blue .hero {
	background-image: linear-gradient(-180deg, #feebff 8%, #aadbff)
}

.theme-nonprofit {
	background: #f3fffe
}

.theme-nonprofit h1,
.theme-nonprofit h2,
.theme-nonprofit h3 {
	color: #29614e
}

.theme-nonprofit h4,
.theme-nonprofit h6,
.theme-nonprofit p,
.theme-nonprofit span {
	color: #48b691
}

.theme-nonprofit h5 {
	color: #9e9e9e
}

.theme-nonprofit .hero {
	background-image: linear-gradient(0deg, #f3fffe, #e1fefc)
}

.theme-nonprofit .ld-content-container section>.row {
	border-color: #c8ede3
}

.theme-nonprofit footer {
	background: #f3fffe
}

.theme-nonprofit .button {
	background: #48b691
}

.theme-nonprofit .ld-content__callout h1,
.theme-nonprofit .ld-content__callout h2,
.theme-nonprofit .ld-content__callout h3,
.theme-nonprofit .ld-content dl dd,
.theme-nonprofit .ld-content dl dt {
	color: #48b691
}

.theme-nonprofit .ld-content__hero h6 {
	color: #29614e
}

.theme-nonprofit .ld-ingridcta .inner-row {
	border: 1px solid rgba(72, 182, 145, .25)
}

.theme-nonprofit .ld-ingridcta .inner-row p {
	margin-bottom: 1rem
}

.theme-nonprofit .ld-ingridcta .inner-row.noborder {
	border: 0
}

.theme-cmbwallet .top-bar ul li a {
	color: hsla(0, 0%, 100%, .7)
}

.theme-cmbwallet .top-bar ul li a:hover {
	color: #fff
}

.theme-cmbwallet .top-bar .submenu a {
	color: rgba(0, 0, 0, .6)
}

.theme-cmbwallet .top-bar .submenu a:hover {
	color: rgba(0, 0, 0, .8)
}

.theme-cmbwallet .button.cta.hollow {
	color: hsla(0, 0%, 100%, .7);
	border: 1px solid hsla(0, 0%, 100%, .7)
}

.theme-cmbwallet .button.cta.hollow:hover {
	color: rgba(0, 0, 0, .7);
	border: 1px solid hsla(0, 0%, 100%, .7);
	background: #fff;
	box-shadow: 0 10px 10px hsla(0, 0%, 100%, .2)
}

.theme-cmbwallet .ld-feature-grid__icon {
	height: 9.5rem
}

@media screen and (max-width:39.9375em) {
	.theme-cmbwallet .ld-feature-grid__column {
		padding: 2rem 0 0
	}
}

.theme-cmbwallet .hero--large-padding {
	padding: 12em 0 14em
}

@media screen and (max-width:39.9375em) {
	.theme-cmbwallet .hero--large-padding {
		padding: 9em 0 10em
	}
}

@media screen and (max-width:39.9375em) {
	.theme-cmbwallet h2 {
		font-size: 1.5rem
	}
}

.theme-pink-black .hero {
	background-image: radial-gradient(circle farthest-side at left bottom, #f8cdda, #1d2b64 80%, #0e153a)
}

.theme-orange-purple .hero {
	background-image: radial-gradient(circle farthest-corner at right bottom, #ffd08a 0, #ffa376 28%, #d26578 52%, #682a84 79%, #241668 100%)
}

.theme-career {
	color: #9e9e9e
}

.theme-career,
.theme-career .hero,
.theme-career .nav.block-grid {
	background: #2c2c2c
}

.theme-career .ld-content__hero h5 {
	color: #9e9e9e
}

.theme-career .ld-faq .accordion .accordion-item a {
	color: #fefefe
}

.theme-career .ld-faq .accordion .accordion-title:hover {
	background: #212121
}

.theme-career .accordion {
	background: #2c2c2c
}

.theme-career .accordion .accordion-content,
.theme-career .accordion .accordion-title {
	border-bottom-color: #212121
}

.theme-career .accordion .accordion-content {
	background-color: #2c2c2c
}

.theme-career .ld-career-list span.location {
	color: #9e9e9e
}

.theme-career .nav.block-grid ul li {
	border-right-color: #2c2c2c;
	border-bottom-color: #212121
}

.theme-career .nav.block-grid ul li>a:hover {
	background: rgba(33, 33, 33, .3)
}

.theme-career .nav.block-grid ul li>a h5 {
	color: #fefefe
}

.theme-career .nav.block-grid ul li>a span.description {
	color: #9e9e9e
}

.theme-career h2,
.theme-career h3 {
	color: #fefefe
}

.hljs-comment,
.hljs-quote {
	color: #8e908c
}

.hljs-deletion,
.hljs-name,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-tag,
.hljs-template-variable,
.hljs-variable {
	color: #c82829
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-link,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-params,
.hljs-type {
	color: #f5871f
}

.hljs-attribute {
	color: #eab700
}

.hljs-addition,
.hljs-bullet,
.hljs-string,
.hljs-symbol {
	color: #718c00
}

.hljs-section,
.hljs-title {
	color: #4271ae
}

.hljs-keyword,
.hljs-selector-tag {
	color: #8959a8
}

.hljs {
	display: block;
	overflow-x: auto;
	color: #4d4d4c
}

.hljs-emphasis {
	font-style: italic
}

.hljs-strong {
	font-weight: 700
}

.gallery-modal {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 100vh;
	z-index: -99;
	overflow-y: auto
}

.gallery-modal.gallery-modal-open {
	visibility: visible;
	opacity: 1;
	z-index: 99;
	transition: opacity .5s ease-in
}

.gallery-modal .large-digit {
	font-size: 2rem;
	font-weight: 200;
	color: #757575
}

.gallery-modal .content {
	font-size: .875rem;
	font-weight: 300;
	display: block;
	color: #212121;
	letter-spacing: .125em;
	margin-top: -.6em
}

.gallery-modal .large-unit {
	font-size: 2rem;
	font-weight: 200;
	color: #757575
}

.gallery-container {
	padding-top: 65px;
	background: #f8f8f8
}

@media screen and (max-width:39.9375em) {
	.gallery-container {
		padding-top: 48px
	}
}

.gallery-container .row.nowrap {
	-ms-flex-wrap: nowrap!important;
	flex-wrap: nowrap!important
}

.gallery-container .gallery-nav-pane {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: auto;
	z-index: 1;
	background: #fff
}

.gallery-container .gallery-nav-pane .modal-icon {
	position: fixed;
	top: 0;
	width: 80px;
	height: 65px;
	background: #fff;
	z-index: 100
}

.gallery-container .gallery-nav-pane .modal-icon--close {
	width: 100%;
	height: 100%;
	background-image: url(#);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 29px 27px;
	cursor: pointer
}

@media screen and (max-width:39.9375em) {
	.gallery-container .gallery-nav-pane .modal-icon--close {
		background-size: 20px 18px
	}
}

.gallery-container .gallery-nav-pane .modal-icon--back {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	background-image: url(../img/button-back.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 29px 27px;
	cursor: pointer
}

@media screen and (max-width:39.9375em) {
	.gallery-container .gallery-nav-pane .modal-icon--back {
		background-size: 20px 18px
	}
}

.gallery-container .gallery-nav-pane .fixed-nav {
	margin: 0 0 0 80px;
	padding: 0;
	white-space: nowrap;
	list-style: none;
	max-width: 1024px
}

.gallery-container .gallery-nav-pane .fixed-nav .fixed-nav__item {
	display: inline-block;
	margin-right: 2rem
}

@media screen and (max-width:39.9375em) {
	.gallery-container .gallery-nav-pane .fixed-nav .fixed-nav__item {
		margin-right: 1rem
	}
}

.gallery-container .gallery-nav-pane .fixed-nav .nav-link {
	height: 65px;
	line-height: 65px;
	color: #919191;
	padding: 7px 13px
}

.gallery-container .gallery-nav-pane .fixed-nav .nav-link.active {
	color: #0a0a0a;
	border-radius: 100px;
	background-color: #f3f3f3
}

.gallery-container .fixed-content-grid {
	position: fixed;
	top: 133px;
	left: 50%;
	width: 43.9453%;
	max-width: 450px;
	min-width: 300px;
	bottom: 1.5rem;
	overflow-y: auto;
	opacity: 0;
	transform: translate3d(450px, 0, 0);
	transition: all .5s ease-in-out
}

@media screen and (max-width:39.9375em) {
	.gallery-container .fixed-content-grid {
		margin-left: -150px;
		top: 88px
	}
}

.gallery-container .fixed-content-grid.opened {
	opacity: 1;
	transform: translateZ(0)
}

.gallery-container .fixed-content-grid .products-detail-grid-item {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 16px;
	transition: all .25s cubic-bezier(.25, .46, .45, .94)
}

.gallery-container .fixed-content-grid .products-detail-grid-item.active {
	opacity: 1;
	z-index: 3
}

.gallery-container .fixed-content-grid .products-detail-grid-item h4 {
	font-size: 1.5rem;
	color: #3e3e3e;
	margin-bottom: 7px
}

.gallery-container .fixed-content-grid .products-detail-grid-item h5 {
	font-size: 1.125rem;
	color: #8c8c8c;
	margin-bottom: 26px
}

@media screen and (max-width:39.9375em) {
	.gallery-container .fixed-content-grid .products-detail-grid-item h5 {
		margin-bottom: 12px
	}
}

.gallery-container .fixed-content-grid .accordion,
.gallery-container .fixed-content-grid .accordion-content {
	background: #f8f8f8
}

.gallery-container .fixed-content-grid .accordion {
	margin-top: 1.5rem
}

.gallery-container .fixed-content-grid .accordion-title {
	font-size: 18px;
	padding-left: 0;
	color: #212121
}

.gallery-container .fixed-content-grid .accordion-title:focus,
.gallery-container .fixed-content-grid .accordion-title:hover,
.gallery-container .fixed-content-grid .accordion-title:visited {
	background: none
}

.gallery-container .fixed-content-grid .accordion-content {
	padding-left: 0
}

.gallery-container .gallery-content-pannel {
	min-height: 100%;
	min-height: 100vh;
	padding-top: 2rem
}

.gallery-container .gallery-content-pannel p.small {
	color: #898989
}

.gallery-container .gallery-content-pannel .products-grid {
	width: 67.3067%;
	max-width: 350px;
	min-width: 290px;
	margin: 0 auto
}

.gallery-container .gallery-content-pannel .products-grid-item {
	width: 100%;
	margin-bottom: 1.25rem;
	opacity: .7
}

.gallery-container .gallery-content-pannel .products-grid-item.active {
	opacity: 1
}

.gallery-container .gallery-content-pannel .products-card {
	position: relative;
	border: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	border-radius: 3px;
	padding: 1rem;
	cursor: pointer
}

.gallery-container .gallery-content-pannel .products-card:hover {
	box-shadow: 0 6px 10px rgba(0, 0, 0, .08)
}

.gallery-container .gallery-content-pannel .products-card .column:first-child,
.gallery-container .gallery-content-pannel .products-card .columns:first-child {
	padding-right: 0
}

.gallery-container .gallery-content-pannel .product-card__logo {
	font-size: 2.5rem;
	padding-right: 1em
}

.gallery-container .gallery-content-pannel .product-card__info {
	position: relative
}

.gallery-container .gallery-content-pannel .product-card__info:after {
	content: "\e909";
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 1.5rem;
	color: #8a8a8a;
	transform: translateY(-50%);
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: .2em
}

.gallery-container .gallery-content-pannel .product-card__info h6 {
	font-size: 1rem;
	margin-bottom: 4px
}

.gallery-container .gallery-content-pannel .product-card__info p {
	font-size: .875rem;
	color: #616161;
	padding: 0;
	margin: 0
}

.event-banner {
	text-align: center;
	line-height: 30px;
	background-color: #f0f0f0;
	font-size: 12px;
	padding: 0 .5rem
}

@media screen and (max-width:39.9375em) {
	.event-banner {
		display: none
	}
}

.event-banner a {
	display: inline-block;
	color: #212121
}

.event-banner a:hover {
	text-decoration: underline
}

.row {
	max-width: 100%!important;
	
}

.row,
.row-d {
	margin-left: auto!important;

	margin-right: auto!important
}

.row-d {
	max-width: 75rem!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.home-main-con {
	padding-top: 0px;
	/*position: absolute;*/
	/*top: 540px;*/
	/*z-index: 9;*/
}

@media screen and (max-width:414px) {
	.home-main-con {
		padding: 0 0 0px 0
 	}
	.iconwall-item {
		text-align: center
	}
}

.nav.block-grid.new-features ul {
	margin: 0
}

.nav.block-grid.new-features li {
	position: relative;
	padding: 0;
	transition: transform .2s ease;
	width: auto;
	-ms-flex: 1;
	flex: 1
}

@media screen and (max-width:39.9375em) {
	.nav.block-grid.new-features li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: .5em
	}
}

@media screen and (max-width:39.9375em) {
	.nav.block-grid.new-features li:not(:last-child) a.block-grid-link {
		border-bottom: none
	}
}

.nav.block-grid.new-features li:last-child,
.nav.block-grid.new-features li:last-child a.block-grid-link {
	border-right: none
}

.nav.block-grid.new-features li a.block-grid-link {
	z-index: 1;
	border-radius: 0;
	border: 1px solid #ebebeb;
	border-left: none
}

.nav.block-grid.new-features li a.block-grid-link h5 {
	z-index: 1
}

.nav.block-grid.new-features li a.block-grid-link .description {
	margin: 0 auto .5em;
	z-index: 1;
	max-width: 265px;
	opacity: .6
}

.nav.block-grid.new-features li a.block-grid-link .anchor {
	margin-bottom: -.5em;
	display: none;
	z-index: 1
}

.nav.block-grid.new-features li a.block-grid-link .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0;
	transition: opacity .2s ease
}

.nav.block-grid.new-features li a.block-grid-link a {
	color: #0a0a0a
}

.nav.block-grid.new-features li:after {
	width: calc(100% - 0px);
	height: 100%;
	position: absolute;
	bottom: -5px;
	left: 0;
	content: " ";
	filter: blur(10px) brightness(.9);
	z-index: 0;
	opacity: 0;
	transition: all .2s ease-in-out
}

.nav.block-grid.new-features li.white-text a .description,
.nav.block-grid.new-features li.white-text a h5 {
	text-shadow: none;
	font-weight: 400
}

.nav.block-grid.new-features li.white-text:hover a .description,
.nav.block-grid.new-features li.white-text:hover a h5 {
	color: #fff;
	text-shadow: 0 0 4px rgba(0, 0, 0, .4);
	font-weight: 400
}

.nav.block-grid.new-features li.payments:after,
.nav.block-grid.new-features li.payments span.bg {
	background-image: linear-gradient(-41deg, #e82b4d, #ffacac);
	background-position: 20% 50%
}

.nav.block-grid.new-features li.account:after,
.nav.block-grid.new-features li.account span.bg {
	background-image: linear-gradient(-163deg, #6fcfd3 4%, #48b8d0)
}

.nav.block-grid.new-features li.platform:after,
.nav.block-grid.new-features li.platform span.bg {
	background-image: linear-gradient(110deg, #64adee 10%, #3f6aaf)
}

.nav.block-grid.new-features li.bi:after,
.nav.block-grid.new-features li.bi span.bg {
	background-image: linear-gradient(-63deg, #83d8dd, #5dd5b1)
}

.nav.block-grid.new-features li.sky:after,
.nav.block-grid.new-features li.sky span.bg {
	background-image: linear-gradient(36deg, #d3f1f9, #f9fdee 89%)
}

.nav.block-grid.new-features li:hover {
	transform: scale(1.05);
	z-index: 9
}

.nav.block-grid.new-features li:hover a h5,
.nav.block-grid.new-features li:hover a span.bg {
	opacity: 1
}

.nav.block-grid.new-features li:hover:after {
	bottom: -12px;
	filter: blur(12px) brightness(.9);
	opacity: .5
}

.nav.block-grid.new-features li:hover a a {
	color: #fff;
	opacity: .7;
	text-decoration: underline
}

.nav.block-grid.new-features li:hover a a:hover {
	opacity: 1
}

.nav.block-grid.new-features li:active:after {
	bottom: -5px;
	filter: blur(8px) brightness(.9);
	opacity: .5
}

.home-feature {
	padding: 6.25rem 0;
	position: relative
}

@media screen and (max-width:39.9375em) {
	.home-feature {
		padding: 3rem 0
	}
}

.home-feature--text-centered .home-feature__copy {
	margin: 120px auto 0
}

.home-feature--text-centered .home-feature__copy h2 {
	margin-bottom: 24px
}

.home-feature--text-centered .home-feature__copy h2,
.home-feature--text-centered .home-feature__copy h5,
.home-feature--text-centered .home-feature__copy p {
	text-align: center
}

.home-content {
	width: 100%;
	/*overflow: hidden*/
}

.home-content #providers {
	background-image: linear-gradient(0deg, #f5f8fa, #faf8f5 53%)
}

.home-content #dashboard {
	background: #f5f8fa
}



.home-content .product-module .outer:first-child {
	padding-right: 10px
}

.home-content .product-module .outer:last-child {
	padding-left: 10px
}
/*中间的两个显示区*/
.home-content .product-module-item {
	/*height: 560px;*/
	/*margin: 10px 0;*/
	/*margin: 0 auto;*/
	margin-bottom: 20px;
	padding: 40px 40px;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	
	position: relative;
	top: 0px;
	z-index: 99 !important;
}
#product-c{
	/*box-shadow: 0 0 1px #666;*/
	/*transition:box-shadow 2s;*/
}
#product-c :hover{
	/*box-shadow: 0 0 20px #666;*/
}
.product-module-item li{
	/*box-shadow: 0 0 20px #666;*/
	margin: 10px 0;
}
.home-content .product-module-item .icon {
	margin-bottom: 12px
}

.home-content .product-module-item .icon img {
	width: 36px;
	height: 36px
}

.home-content .product-module-item h5 {
	margin-bottom: 18px
}

.home-content .product-module-item .txt {
	margin-bottom: 50px;
	font-size: 20px;
	color: #000;
	line-height: 24px
}

@media screen and (max-width:414px) {
	.home-content .product-module .outer:first-child {padding-right: 0}
	.home-content .product-module .outer:last-child {padding-left: 0}
	.home-content .product-module .outer .product-module-item {margin-bottom: 2px;padding: 44px 54px 36px;border-right: 100px;}
	.home-content .product-module-item { height: 1100px;}	
	.align-center{border-bottom: solid 0px #eee !important;}
	.jiaoYr{height: 400px;}
	
}

.home-feature__copy h2 {
	font-weight: 300;
	font-size: 2.125rem
}

@media screen and (max-width:39.9375em) {
	.home-feature__copy h2 {
		font-size: 1.75rem
	}
}

.home-feature__copy h5 {
	color: #9e9e9e
}

@media screen and (max-width:39.9375em) {
	.home-feature__copy h5 {
		font-size: 1rem
	}
}

.home-feature__copy p {
	line-height: 1.75
}

@media screen and (max-width:39.9375em) {
	.home-feature__copy p {
		font-size: .875rem
	}
}

.home-feature__copy p a {
	font-weight: 400
}

.home-feature__bg.api {
	height: 229px;
	width: 466px;
	background-image: url(../img/home-planets.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 24px auto
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.api {
		width: 100%
	}
}

.home-feature__bg.providers {
	height: 614px;
	width: 443px;
	position: relative;
	margin: 0 auto;
	margin-top: -10em
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.providers {
		transform: translateX(-5rem);
		margin-top: -5em;
		margin-bottom: 2em
	}
	.home-feature__bg.providers .stick-label.order-2 {
		left: 156px!important
	}
}

.home-feature__bg.providers .phone-1 {
	width: 242px;
	height: 458px;
	background-image: url(../img/bluegogo.png);
	background-size: 243px 458px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-10px)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.home-feature__bg.providers .phone-1 {
		background-image: url(../img/home-iphone-pay@2x.png)
	}
}

.home-feature__bg.providers .phone-1.end {
	transform: translateY(40px)
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.providers .phone-1.end {
		transform: translateY(10px)
	}
}

.home-feature__bg.providers .phone-2 {
	width: 264px;
	height: 375px;
	background-image: url(../img/home-iphone-hongbao.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 239px;
	z-index: 2
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.home-feature__bg.providers .phone-2 {
		background-image: url(../img/home-iphone-hongbao@2x.png)
	}
}

.home-feature__bg.providers .phone-2.end {
	transform: translateY(70px)
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.providers .phone-2.end {
		transform: translateY(20px)
	}
}

.home-feature__bg.providers .shadow {
	width: 343px;
	height: 303px;
	background: url(../img/home-phones-shadow-outer.png);
	position: absolute;
	left: -55px;
	bottom: -318px;
	z-index: 1;
	opacity: .5
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.providers .shadow {
		display: none
	}
}

.home-feature__bg.providers .shadow.end {
	bottom: -333px;
	opacity: 1
}

@media screen and (max-width:39.9375em) {
	.home-feature__bg.providers .shadow.end {
		opacity: 0
	}
}

.home-feature__bg.providers .shadow .inner {
	width: 148px;
	height: 100px;
	position: absolute;
	right: 20px;
	top: 30px;
	background: url(../img/home-phones-shadow-inner.png);
	opacity: .1
}

.home-feature__bg.providers .shadow .inner.end {
	opacity: 1
}

.home-feature__bg.providers .stick-label {
	width: 180px
}

.home-feature__bg.providers .stick-label h6 {
	font-size: .8125rem;
	margin-bottom: 4px
}

.home-feature__bg.providers .stick-label p {
	font-size: .75rem;
	color: #616161
}

.home-feature__bg.providers .stick-label.order-1 {
	position: absolute;
	top: 166px;
	left: -115px;
	padding-right: 80px;
	background: url(../img/home-tip-line-left.svg) no-repeat right 40%
}

.home-feature__bg.providers .stick-label.order-2 {
	position: absolute;
	top: 258px;
	left: 196px;
	width: 230px;
	padding-left: 100px;
	background: url(../img/home-tip-line-right.svg) no-repeat left 5%
}

.home-feature__bg.dashboard {
	width: 681px;
	height: 424px;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../img/home-dashboard.png);
	background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.home-feature__bg.dashboard {
		background-image: url(../img/home-dashboard@2x.png)
	}
}

.home-feature__bg.transfercards {
	width: 503px;
	height: 350px;
	margin-left: 7px;
	margin-top: -13px;
	background-repeat: no-repeat;
	background-image: url(../img/products-transfers-card.png);
	background-size: cover
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.home-feature__bg.transfercards {
		background-image: url(../img/products-transfers-card@2x.png)
	}
}

.home-feature__bg.campaigns {
	width: 100%;
	height: 403px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-image: url(../img/products-campaigns.png);
	background-size: contain;
	background-position: top
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.home-feature__bg.campaigns {
		background-image: url(../img/products-campaigns.png)
	}
}

.home-feature__stats {
	color: #757575;
	padding-bottom: 4em
}

.home-feature__stats .column,
.home-feature__stats .columns {
	padding: 0 1.5em
}

.home-feature__stats .large-digit {
	font-size: 3rem;
	font-weight: 200
}

.home-feature__stats .content {
	font-size: .875rem;
	display: block;
	color: #212121;
	letter-spacing: .2em;
	margin-top: -.6em
}

.home-feature__iconwall .wall-icon {
	display: inline-block;
	height: 46px;
	width: 45px;
	margin-bottom: 18px;
	margin-left: 2px
}

.home-feature__iconwall .wall-icon.integration {
	background: url(../img/home-integration.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.reliable {
	background: url(../img/home-reliable.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.security {
	background: url(../img/home-security.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.transactions {
	background: url(../img/home-transactions.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.transfer {
	background: url(../img/products-transfers-icon-transfer.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.batchtransfer {
	background: url(../img/products-transfers-icon-batch.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.hongbao {
	background: url(../img/products-transfers-icon-hongbao.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.analyze {
	background: url(../img/product-icon-analyze.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.pulse {
	background: url(../img/product-icon-pulse.svg) no-repeat 0
}

.home-feature__iconwall .wall-icon.chair {
	background: url(../img/product-icon-chair.svg) no-repeat 0
}

.home-feature__iconwall .column,
.home-feature__iconwall .columns {
	padding: 0 2em;
	padding-top: 2em
}

.home-feature__iconwall h6 {
	font-size: 18px;
	letter-spacing: .05em;
	margin-bottom: 10px;
	font-weight: 400
}

.home-feature__iconwall p {
	padding-right: 20px;
	font-size: 14px;
	color: #616161;
	line-height: 22px
}

.home-testimonial .orbit-container {
	height: 480px;
	overflow: hidden
}

.home-testimonial .orbit-container:focus {
	outline: none
}

.home-testimonial .orbit-bullets {
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 9
}

.home-testimonial .orbit-bullets button {
	width: 10px;
	height: 10px;
	border: 1px solid #eee;
	background: none;
	-webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .2))
}

.home-testimonial .orbit-bullets button.is-active {
	background: #eee
}

.home-testimonial .orbit-bullets button:focus {
	outline: none
}

.home-testimonial .orbit-image {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50%
}

.home-testimonial .orbit-image.tezign {
	background-image: url(../img/home-cases-tezign.jpeg)
}

.home-testimonial .orbit-image.deyin {
	background-image: url(../img/home-cases-deyin.jpeg)
}

.home-testimonial .orbit-image.jianshu {
	background-image: url(../img/home-cases-jianshu.jpeg)
}

.home-testimonial .orbit-image.huwai {
	background-image: url(../img/home-cases-huwai.jpeg)
}

.home-testimonial .orbit-image.dingxiang {
	background-image: url(../img/home-cases-dingxiang.jpeg)
}

.home-testimonial .orbit-slide {
	height: 480px;
	overflow: hidden;
	position: relative;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-duration: 1s;
	width: 100%
}

.home-testimonial .orbit-slide .slide-content {
	position: absolute;
	top: 90px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	z-index: 2;
	width: 100%
}

.home-testimonial .orbit-slide .slide-content h4 {
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.41;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	font-weight: 300
}

.home-testimonial .orbit-slide .slide-content p {
	color: #fff
}

.home-testimonial .orbit-slide .slide-content p a {
	color: #fff;
	line-height: 33px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .25)
}

@media screen and (max-width:39.9375em) {
	.home-testimonial .orbit-slide .slide-content h4 {
		font-size: 1.125rem
	}
	.home-testimonial .orbit-slide .slide-content p {
		font-size: .875rem
	}
}

.home-testimonial .orbit-slide:after {
	content: " ";
	width: 100%;
	height: 489px;
	background: rgba(0, 0, 0, .25);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.testimonial-logo {
	display: inline-block;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 0;
	margin-bottom: -12px;
	margin-right: 15px
}

.testimonial-logo.border-right {
	border-right: 1px solid hsla(0, 0%, 100%, .7)
}

.testimonial-logo.white.deyin {
	background-size: 79px 33px;
	width: 94px;
	background-image: url(../img/testimonial-logo-deyin-w@2x.png)
}

.testimonial-logo.white.tezign {
	background-size: 148px 33px;
	width: 163px;
	background-image: url(../img/testimonial-logo-tezign-w@2x.png)
}

.testimonial-logo.white.jianshu {
	background-size: 43px 24px;
	width: 58px;
	background-image: url(../img/testimonial-logo-jianshu-w@2x.png)
}

.testimonial-logo.white.huwai {
	background-size: 71px 24px;
	width: 86px;
	background-image: url(../img/testimonial-logo-huwai-w@2x.png)
}

.testimonial-logo.white.dingxiang {
	background-size: 78px 30px;
	width: 86px;
	background-image: url(../img/testimonial-logo-dingxiang-w@2x.png)
}

.index-content {
	background-color: #f9f9f9
}

.index-content * {
	box-sizing: border-box
}

.index-content .label {
	display: inline-block;
	margin-right: 10px;
	background-image: linear-gradient(-135deg, #1eefb4, #4fe5f6);
	border-radius: 100px;
	vertical-align: middle
}

.index-content .activity-area {
	margin-bottom: 24px;
	text-align: center
}

.index-content .activity-area a {
	display: inline-block;
	vertical-align: middle
}

.index-content hr {
	max-width: 100%;
	margin: 0
}

.index-content h4 {
	font-size: 24px;
	color: #202020;
	line-height: 36px
}

.index-info-module {
	width: 80%;
	margin: 0 auto 120px;
	padding-top: 190px
}

.index-info-module h1 {
	margin-bottom: 36px
}

.index-info-module .link {
	margin-top: 73px
}

.index-info-module .link a {
	margin-right: 20px
}

.index-info-module img {
	width: 100%;
	height: auto
}

.index-sort-module {
	width: 80%;
	margin: 90px auto
}

.index-sort-module h2 {
	margin-bottom: 24px;
	font-size: 48px;
	color: #202020;
	line-height: 72px
}

.index-sort-module .sort-txt {
	margin-bottom: 10px
}

.index-sort-module .sort-item {
	padding: 44px 56px;
	height: 320px;
	background-size: 100%;
	background-position: 100% 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover
}

.index-sort-module .sort-item p {
	margin-bottom: 24px
}

.index-sort-module .sort-item.sort-1 {
	background-image: url(../img/sort-1.png)
}

.index-sort-module .sort-item.sort-2 {
	background-image: url(../img/sort-2.png)
}

.index-sort-module .sort-item.sort-3 {
	background-image: url(../img/sort-3.png)
}

.index-sort-module .sort-item.sort-4 {
	background-image: url(../img/sort-4.png)
}

.index-sort-module .large-6,
.index-sort-module .medium-6 {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 50px
}

.index-reason-module {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

.index-reason-module h2 {
	margin: 90px 0
}

.index-reason-module .reason-img {
	display: inline-block;
	width: 125px;
	height: 104px;
	background-repeat: no-repeat;
	background-size: cover
}

.index-reason-module .reason-img-1 {
	background-image: url(../img/reason-1.png)
}

.index-reason-module .reason-img-2 {
	background-image: url(../img/reason-2.png)
}

.index-reason-module .reason-img-3 {
	background-image: url(../img/reason-3.png)
}

.index-reason-module .reason-img-4 {
	background-image: url(../img/reason-4.png)
}

.index-reason-module .reason-img-5 {
	background-image: url(../img/reason-5.png)
}

.index-reason-module .reason-img-6 {
	background-image: url(../img/reason-6.png)
}

.index-reason-module p {
	margin-bottom: 90px
}

.index-customer-moudle {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 50px
}

.index-customer-moudle h4 {
	margin-top: 60px;
	margin-bottom: 85px;
	font-size: 24px;
	color: #202020;
	line-height: 36px;
	text-align: center
}

.index-customer-moudle .customer-logo {
	margin-bottom: 60px;
	text-align: center
}

.index-customer-moudle .customer-logo img {
	max-width: 60%;
	max-height: 40px
}

.index-service-moudle {
	width: 80%;
	margin: 0 auto 60px;
	text-align: center
}

.index-service-moudle .columns {
	padding-bottom: 60px
}

.index-service-moudle h2 {
	margin: 90px 0;
	font-size: 36px;
	color: #202020;
	line-height: 54px
}

.index-service-moudle .service-img {
	display: inline-block;
	width: 104px;
	height: 104px;
	margin-bottom: 36px;
	background-repeat: no-repeat;
	background-size: cover
}

.index-service-moudle .service-img.service-img-1 {
	background-image: url(../img/service-1.png)
}

.index-service-moudle .service-img.service-img-2 {
	background-image: url(../img/service-2.png)
}

.index-service-moudle .service-img.service-img-3 {
	background-image: url(../img/service-3.png)
}

.index-service-moudle p {
	font-size: 14px;
	color: #606060;
	line-height: 22px
}

.index-case-moudle {
	position: relative;
	overflow: hidden
}

.index-case-moudle .arrow-left,
.index-case-moudle .arrow-right {
	position: absolute;
	display: inline-block;
	width: 35px;
	height: 60px;
	background-color: #000;
	z-index: 10;
	opacity: .75
}

.index-case-moudle .arrow-left:after,
.index-case-moudle .arrow-right:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -7px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid hsla(0, 0%, 100%, .3);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	content: ""
}

.index-case-moudle .arrow-left:hover,
.index-case-moudle .arrow-right:hover {
	background-color: #fff;
	opacity: 1
}

.index-case-moudle .arrow-left:hover:after,
.index-case-moudle .arrow-right:hover:after {
	border-color: #212121
}

.index-case-moudle .arrow-left {
	left: 0;
	top: 50%;
	margin-top: -30px;
	border-radius: 0 3px 3px 0;
	line-height: 60px;
	text-align: center
}

.index-case-moudle .arrow-left:after {
	border-right: 0;
	border-top: 0
}

.index-case-moudle .arrow-right {
	right: 0;
	top: 50%;
	margin-top: -30px;
	border-radius: 3px 0 0 3px
}

.index-case-moudle .arrow-right:after {
	border-left: 0;
	border-bottom: 0
}

.index-case-moudle .case-list {
	position: relative;
	margin: 0;
	overflow: hidden
}

.index-case-moudle .case-list li {
	float: left;
	padding: 144px 0;
	height: 500px;
	background-color: rgba(0, 0, 0, .7);
	background-size: cover;
	list-style: none
}

.index-case-moudle .case-list li .clearfix {
	width: 620px;
	margin: 0 auto 60px;
	font-size: 24px;
	color: #fff;
	line-height: 36px;
	font-weight: 300
}

.index-case-moudle .case-list li .clearfix .pl {
	padding-left: 30px;
	margin-bottom: 70px
}

.index-case-moudle .case-list li .clearfix i {
	display: inline-block;
	width: 24px;
	float: left;
	line-height: 24px;
	font-size: 24px
}

.index-case-moudle .case-list li img {
	width: auto;
	height: 29px
}

.index-case-moudle .case-num {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center
}

.index-case-moudle .case-num span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 50%;
	background: #ccc;
	box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .03);
	cursor: pointer
}

.index-case-moudle .case-num span.on {
	width: 10px;
	height: 10px;
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(73, 65, 65, .05)
}

.index-foot-moudle {
	width: 80%;
	margin: 70px auto 0;
	text-align: center;
	padding-bottom: 95px
}

.index-foot-moudle h4 {
	margin-bottom: 36px
}

@media screen and (max-width:414px) {
	.index-case-moudle,
	.index-customer-moudle,
	.index-info-module,
	.index-reason-module,
	.index-service-moudle,
	.index-sort-module {
		width: 100%
	}
	.index-info-module {
		margin-top: -75px;
		padding-top: 100px
	}
	.index-info-module p {
		text-align: center
	}
	.index-info-module .link {
		margin: 50px 0 45px;
		text-align: center
	}
	.index-info-module img {
		width: 90%
	}
	h1 {
		text-align: center
	}
	h2 {
		font-size: 36px;
		line-height: 54px
	}
	.index-sort-module {
		margin-top: 60px
	}
	.index-sort-module .large-6,
	.index-sort-module .medium-6 {
		padding: 0;
		border-bottom: 1px solid #eee
	}
	.index-sort-module .sort-txt {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 40px
	}
	.index-service-moudle h2 {
		margin: 30px 0 60px
	}
	.index-case-moudle .case-list li {
		width: 355px;
		height: 363px;
		padding: 54px 38px
	}
	.index-case-moudle .case-list li .clearfix {
		width: 90%;
		font-size: 18px
	}
	.index-content {
		padding-top: 90px
	}
}

.products-grid>.column,
.products-grid>.columns {
	padding-bottom: 1em;
	width: 33%;
	width: 100%
}

@media screen and (min-width:40em) {
	.products-grid>.column,
	.products-grid>.columns {
		width: 50%
	}
}

.products-filters a:before {
	content: " ";
	width: 10px;
	height: 10px;
	background: #bdbdbd;
	float: left;
	margin-right: .7em;
	margin-top: .1em;
	border-radius: 2px
}

.products-filters a.pc-web:before {
	background-color: #5b69c3
}

.products-filters a.qr:before {
	background-color: #d4e24a
}

.products-filters a.wechat:before {
	background-color: #3ea142
}

.products-filters a.mobile-web:before {
	background-color: #3ba3f8
}

.products-filters a.app:before {
	background-color: #f2514b
}

@media screen and (max-width:39.9375em) {
	.products-filters a {
		width: 100%
	}
}

.products-card {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
	border-radius: 1px 1px 5px 5px;
	padding: 1.5rem
}

.product-card__info {
	text-align: left
}

.product-card__info h5 {
	margin-bottom: .4em
}

.product-card__info h6 {
	margin-bottom: 0
}

.product-card__rates h2 {
	text-align: right;
	margin-bottom: 0;
	color: #bdbdbd
}

.product-card__logo {
	font-size: 2rem;
	width: 2rem;
	color: #616161
}

.ld-content__heroicon.financing {
	background: url(../img/products-heroicon-financing.png) no-repeat;
	background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.ld-content__heroicon.financing {
		background-image: url(../img/products-heroicon-financing@2x.png)
	}
}

.ld-content__heroicon.payment {
	background: url(../img/products-heroicon-payment.png) no-repeat;
	background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.ld-content__heroicon.payment {
		background-image: url(../img/products-heroicon-payment@2x.png)
	}
}

.ld-content__heroicon.transfer {
	background: url(../img/products-heroicon-transfer.png) no-repeat;
	background-size: 61px 61px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.ld-content__heroicon.transfer {
		background-image: url(../img/products-heroicon-transfer@2x.png)
	}
}

.hero-bg-circle {
	width: 30rem;
	height: 30rem;
	background-color: #0a0a0a;
	position: absolute;
	top: 50%;
	left: 30%;
	border-radius: 100%
}

.hero-bg-circle.green {
	background-color: HSLA(128, 41%, 62%, .15);
	top: 65%;
	left: -20%;
	animation: e 10s ease-in-out infinite alternate;
	width: 80em;
	height: 80em
}

.hero-bg-circle.yellow {
	background-color: HSLA(47, 100%, 55%, .3);
	top: 50%;
	left: 70%;
	width: 40em;
	height: 40em;
	animation: g 10s ease-in-out infinite alternate
}

.hero-bg-circle.blue {
	background-color: HSLA(201, 100%, 67%, .2);
	top: 70%;
	left: 30%;
	animation: f 10s ease-in-out infinite alternate;
	width: 60em;
	height: 60em
}

.ld-fq-feature-account {
	height: 420px;
	overflow: hidden;
	position: relative;
	padding: 0 2em;
	max-width: 390px;
	margin: 0 auto;
	min-width: 220px
}

.ld-fq-feature-item {
	position: absolute;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ld-fq-buy-card {
	background: #fefefe;
	color: #0a0a0a;
	width: 150px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
	left: 0;
	top: 10rem;
	animation: d 10s ease-in-out infinite alternate;
	padding: 0 1em
}

.ld-fq-buy-card h3 {
	margin-bottom: .2em;
	color: #66bb6a;
	text-shadow: none
}

.ld-fq-buy-card h3 .small {
	font-size: .875rem
}

.ld-fq-approval {
	right: 0;
	top: 4rem;
	transition: transform .2s ease-in-out
}

.ld-fq-approval:hover {
	transform: translateY(-2rem)
}

.ld-fq-approval .device-screen {
	background-image: url(../img/fq-approval-screen.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.ld-fq-approval .device-screen {
		background-image: url(../img/fq-approval-screen@2x.png)
	}
}

.header-content-background-white {
	background: #fff
}

.contact-con {
	position: relative;
	min-height: 500px
}

.contact-form-container {
	padding: 4rem 0
}

.contact-form-container select {
	font-size: 14px
}

.contact-form-container input[type=text]:focus,
.contact-form-container textarea:focus {
	border-color: #35c8e6
}

.contact-address-container {
	padding: 4rem 0 1rem;
	border-top: 1px solid rgba(0, 0, 0, .05)
}

.contact-address-container h3 {
	margin-bottom: 0;
	text-align: left
}

.contact-address-container h4 {
	text-align: left;
	margin-bottom: 1.2em
}

.contact-address-container h5 {
	font-size: 1rem;
	margin-bottom: 0
}

.contact-address-container p {
	margin: .7em 0;
	font-size: .875rem;
	font-weight: 300;
	text-align: left
}

.contact-address-container .column,
.contact-address-container .columns {
	position: relative
}

.contact-address-container a {
	font-size: .875rem
}

.contact-address-container a.external {
	position: absolute;
	bottom: -2em
}

@media screen and (max-width:39.9375em) {
	.contact-address-container .column,
	.contact-address-container .columns {
		margin-bottom: 2em
	}
}

.theme-ld-career .hero {
	background: linear-gradient(0deg, rgba(0, 0, 0, .35) 40%, rgba(0, 0, 0, .65)), url(../img/career-bg.jpg) 50%/cover no-repeat
}

.about-members__avatar {
	border-radius: 100%
}

.countdown {
	text-align: center;
	background-image: linear-gradient(-180deg, #fff, #f5f5f5);
	overflow: hidden
}

.countdown-timer {
	padding-top: 3em
}

.countdown-timer__digit {
	font-size: 6rem;
	margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
	.countdown-timer__digit {
		font-size: 3rem
	}
}

.countdown-timer__unit {
	font-weight: 400
}

.countdown-row {
	z-index: 5;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.countdown-mask {
	z-index: 4;
	height: 40%;
	background-image: linear-gradient(-180deg, #fff, hsla(0, 0%, 100%, 0) 95%)
}

.countdown-bg,
.countdown-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.countdown-bg {
	height: 100%;
	right: 0;
	bottom: 0;
	z-index: 0;
	perspective: 500px
}

.countdown-bg__piece {
	height: 7.5rem;
	width: 7.5rem;
	background: #f5f5f5;
	position: absolute;
	top: -8rem
}

.countdown-logo {
	margin: 0 auto
}

.countdown-copy {
	padding: 2em 0
}

.apple-pay-hero-intro {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: -1
}

.apple-pay-logo {
	animation: h 1s forwards ease-in-out
}

.hero-delay {
	width: 100%;
	z-index: 1
}

.hero-delay h1,
.hero-delay h2,
.hero-delay h3,
.hero-delay h4,
.hero-delay h5,
.hero-delay h6,
.hero-delay p {
	text-align: left
}

.hero-delay-copy {
	opacity: 0;
	transform: scale(0);
	animation: j .8s forwards ease;
	animation-delay: 1s
}

@media screen and (max-width:39.9375em) {
	.hero-delay-copy {
		animation: l .8s forwards ease;
		animation-delay: 2s
	}
}

.hero-delay-copy .links a {
	margin-right: 1.5em
}

.hero-delay-copy .typical-case-logo-wall {
	margin-top: 1.5rem
}

@media screen and (max-width:39.9375em) {
	.hero-delay-copy .typical-case-logo-wall {
		padding: 0
	}
}

.apple-pay-hand {
	background-image: url(../img/apple-pay-hand.png);
	background-size: 377px 634px;
	width: 377px;
	height: 634px;
	position: relative;
	opacity: 0;
	animation: i .8s forwards ease;
	animation-delay: 1.1s;
	margin: 0 auto
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.apple-pay-hand {
		background-image: url(../img/apple-pay-hand@2x.png)
	}
}

@media screen and (max-width:39.9375em) {
	.apple-pay-hand {
		animation: k .8s forwards ease;
		animation-delay: 1s
	}
}

.apple-pay-hand-mask {
	width: 100%;
	height: 20%;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: linear-gradient(-179deg, transparent, #0a0a0a)
}

.apple-pay-screen {
	width: 160px;
	height: 282px;
	position: absolute;
	top: 53px;
	left: 57px;
	background: url(../img/apple-pay-screen@2x.png);
	background-size: contain;
	overflow: hidden
}

.apple-pay-screen-form {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/apple-pay-form@2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	transform: translateY(200px);
	z-index: 2
}

.apple-pay-screen-form,
.apple-pay-screen-mask {
	width: 100%;
	height: 100%;
	transition: all .3s ease-in-out
}

.apple-pay-screen-mask {
	background: #0a0a0a;
	opacity: 0;
	z-index: 1
}

.apple-pay-screen:hover {
	cursor: pointer
}

.apple-pay-screen:hover .apple-pay-screen-form {
	transform: translateY(0)
}

.apple-pay-screen:hover .apple-pay-screen-mask {
	opacity: .5
}

.hero-copy.price p {
	color: #666
}

.price-title {
	padding-top: 90px
}

.pricing-plan {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-top: 33px
}

.pricing-plan,
.pricing-plan * {
	box-sizing: border-box
}

.pricing-plan h1,
.pricing-plan h2,
.pricing-plan h3,
.pricing-plan h4,
.pricing-plan h5,
.pricing-plan h6 {
	font-weight: 400
}

.pricing-plan-contact {
	display: none
}

.pricing-plan-item .title a {
	display: inline-block;
	padding: 8px;
	margin: 15px 0;
	width: 49%;
	color: #999;
	font-size: 16px;
	text-align: center
}

.pricing-plan-item .title a.active {
	color: #222
}

.pricing-plan-item .title a:last-child {
	border-left: 1px solid #eee
}

.pricing-plan-feature {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 12px 10px;
	background: #27c8e8;
	border-radius: 5px 5px 0 0
}

.pricing-plan-feature .columns {
	padding: 5px
}

.pricing-plan-feature .feature-item {
	height: 120px;
	padding: 12px 15px;
	background: #3dd6f4;
	border-radius: 4px;
	color: #fff
}

.pricing-plan-feature .feature-item p {
	margin: 0;
	font-size: 12px;
	line-height: 18px
}

.pricing-plan-feature .feature-item h5 {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #fff;
	font-weight: 600
}

.pricing-plan-feature.senior {
	background: #0b5e8f
}

.pricing-plan-feature.senior .feature-item {
	background: #1073a7
}

.pricing-plan-list {
	margin: 0;
	padding: 0;
	list-style: none;
	min-height: 736px;
	background: #fff;
	border-radius: 0 0 5px 5px
}

.pricing-plan-list li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding-top: 28px;
	padding-bottom: 27px;
	border-top: 1px solid #f5f5f5;
	position: relative
}

.pricing-plan-list li .most-popular {
	position: absolute;
	top: 50%;
	left: -23px;
	display: block;
	width: 23px;
	margin-top: -30px;
	padding: 5px;
	border-radius: 3px 0 0 3px;
	background: #27c8e8;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	text-align: center;
	font-weight: 600
}

.pricing-plan-list li>div:first-child {
	padding-left: 40px
}

.pricing-plan-list li h4 {
	margin-bottom: 5px;
	line-height: 20px;
	font-size: 14px;
	color: #212121;
	font-weight: 700
}

.pricing-plan-list li .pricing-plan-price {
	margin-bottom: 27px;
	font-size: 20px;
	color: #424242;
	font-weight: 300
}

.pricing-plan-list li p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #616161
}

.pricing-plan-senior {
	min-height: 736px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	padding-top: 273px
}

.pricing-plan-senior .senior-txt {
	font-size: 20px;
	color: #212121;
	text-align: center
}

.pricing-plan-senior .senior-txt-s {
	margin-bottom: 50px;
	font-size: 14px;
	color: #a1a1a1;
	text-align: center
}

.pricing-plan-senior .senior-tip {
	margin-bottom: 124px;
	font-size: 14px;
	color: #a1a1a1;
	text-align: center
}

.pricing-plan-senior .button.btn-senior {
	border: 1px solid #335277;
	border-radius: 100px;
	background: none;
	color: #335277;
	font-size: 14px;
	letter-spacing: .7px;
	text-transform: none
}

@media only screen and (max-width:414px) {
	.pricing-plan-list li {
		padding-left: 0;
		text-align: center
	}
	.pricing-plan-list li>div:first-child {
		padding-left: 0
	}
	.pricing-plan-list li:last-child {
		border-top: 2px solid #27c8e8;
		padding-top: 50px
	}
	.pricing-plan-list li .most-popular {
		position: absolute;
		top: 28px;
		left: 50%;
		display: block;
		width: 60px;
		margin-left: -30px;
		padding: 5px;
		border-radius: 0 0 3px 3px;
		background: #27c8e8;
		font-size: 11px;
		line-height: 1;
		color: #fff;
		text-align: center
	}
	.pricing-plan-list .button.hollow {
		margin-bottom: 20px
	}
	.pricing-plan-senior {
		padding-top: 100px;
		min-height: 360px
	}
	.pricing-plan-senior .senior-tip {
		margin-bottom: 50px
	}
}

@media screen and (min-width:64em) {
	.pricing-plan-item.large-6 {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%
	}
}

@media screen and (min-width:40em) {
	.pricing-plan-item.medium-6 {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%
	}
}

@media only screen and (min-width:1024px) {
	.pricing-plan-contact {
		display: block;
		padding-top: 450px;
		font-size: 50px;
		color: #ccc;
		text-align: center;
		-ms-flex: 0 0 4%;
		flex: 0 0 4%;
		max-width: 4%
	}
}

.pricing-table-bg {
	background: #fff
}

.pricing-head-container .column,
.pricing-head-container .columns,
.pricing-individual-table .column,
.pricing-individual-table .columns {
	position: relative;
	transition: all .2s ease;
	border-right: 1px solid #eee
}

.pricing-head-container .column:first-child,
.pricing-head-container .columns:first-child,
.pricing-individual-table .column:first-child,
.pricing-individual-table .columns:first-child {
	border-left: 1px solid #eee
}

.pricing-head-container .column:last-child,
.pricing-head-container .columns:last-child,
.pricing-individual-table .column:last-child,
.pricing-individual-table .columns:last-child {
	border: 1px solid #35c8e6
}

.pricing-head-container .column:last-child:before,
.pricing-head-container .columns:last-child:before,
.pricing-individual-table .column:last-child:before,
.pricing-individual-table .columns:last-child:before {
	content: "鏈€鍙楁杩�";
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fefefe;
	font-size: 14px;
	background-color: #35c8e6;
	box-shadow: -1px 0 0 #35c8e6, 1px 0 0 #35c8e6
}

@media screen and (max-width:39.9375em) {
	.pricing-head-container .column:last-child:before,
	.pricing-head-container .columns:last-child:before,
	.pricing-individual-table .column:last-child:before,
	.pricing-individual-table .columns:last-child:before {
		display: none
	}
}

.pricing-head-container .column:last-child:after,
.pricing-head-container .columns:last-child:after,
.pricing-individual-table .column:last-child:after,
.pricing-individual-table .columns:last-child:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 20px;
	background: #fff;
	box-shadow: -1px 0 0 #35c8e6, 1px 0 0 #35c8e6, 0 1px 0 #35c8e6
}

@media screen and (max-width:39.9375em) {
	.pricing-head-container .column:last-child:after,
	.pricing-head-container .columns:last-child:after,
	.pricing-individual-table .column:last-child:after,
	.pricing-individual-table .columns:last-child:after {
		display: none
	}
}

@media screen and (max-width:39.9375em) {
	.pricing-head-container .column:last-child,
	.pricing-head-container .columns:last-child,
	.pricing-individual-table .column:last-child,
	.pricing-individual-table .columns:last-child {
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #eee
	}
}

@media screen and (max-width:39.9375em) {
	.pricing-head-container .column,
	.pricing-head-container .columns,
	.pricing-individual-table .column,
	.pricing-individual-table .columns {
		border-right-color: transparent;
		border-left-color: transparent;
		border-bottom: 1px solid #eee
	}
}

@media screen and (min-width:40em) {
	.pricing-head-container .column:not(:last-child) .pricing-head,
	.pricing-head-container .columns:not(:last-child) .pricing-head,
	.pricing-individual-table .column:not(:last-child) .pricing-head,
	.pricing-individual-table .columns:not(:last-child) .pricing-head {
		border-right: none
	}
}

.pricing-head-container .column:last-child .pricing-body span[data-description]:hover:after,
.pricing-head-container .columns:last-child .pricing-body span[data-description]:hover:after,
.pricing-individual-table .column:last-child .pricing-body span[data-description]:hover:after,
.pricing-individual-table .columns:last-child .pricing-body span[data-description]:hover:after {
	top: 90%;
	left: 50%
}

.pricing-head {
	text-align: center;
	padding: 1.5em 1em .5em;
	background: #fff
}

.pricing-head__copy {
	margin-bottom: .7em;
	min-height: 95px
}

.pricing-head__copy h5 {
	font-weight: 500;
	margin-bottom: 16px
}

.pricing-head__copy h6 {
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	color: #9e9e9e;
	margin-bottom: 0
}

.pricing-head__copy p {
	color: #999;
	font-size: .875rem;
	line-height: 1.4
}

.pricing-head .button.cta {
	padding: .7em 1.61em;
	margin-bottom: 0
}

.price-wrap {
	min-height: 80px
}

h3.price {
	margin-left: 12px;
	position: relative;
	font-weight: 300;
	font-size: 2rem;
	margin-bottom: 2px
}

h3.price .unit {
	font-size: 1rem;
	font-weight: 400
}

h3.price .number {
	position: relative
}

h3.price .symbol {
	position: absolute;
	top: 3px;
	left: -20px;
	font-size: 1.5rem;
	font-weight: 300
}

p.desc {
	font-size: .75rem;
	color: #666;
	margin-bottom: 0
}

.pricing-body {
	margin-left: 0;
	list-style-type: none;
	text-align: left;
	background: transparent;
	font-size: 14px
}

@media screen and (max-width:39.9375em) {
	.pricing-body {
		text-align: center
	}
}

.pricing-body .label {
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	color: #666;
	padding: 4px;
	border-radius: 3px;
	margin-left: 4px
}

.pricing-body li {
	padding: 1em 0 1em 1.2em
}

.pricing-body li .icon-check {
	display: inline-block;
	margin-right: 8px
}

@media screen and (max-width:39.9375em) {
	.pricing-body li .icon-check {
		display: none
	}
}

.pricing-body li p {
	margin: 0;
	padding: .3em .2em;
	color: #757575;
	cursor: default
}

.pricing-body li span[data-description] {
	position: relative
}

.pricing-body li span[data-description]:hover {
	cursor: help
}

.pricing-body li span[data-description]:hover:after {
	content: attr(data-description);
	position: absolute;
	top: 90%;
	width: 160px;
	padding: 12px 20px;
	background: #00b7d3;
	color: #fefefe;
	transition: all .3s;
	font-size: 12px;
	border-radius: 3px;
	text-align: justify;
	z-index: 9
}

@media screen and (max-width:39.9375em) {
	.pricing-body li span[data-description]:hover:after {
		display: none
	}
}

.pricing-body li span[data-description]:hover .notification-caret:after {
	opacity: 1;
	transform: rotate(-45deg) scale(1)
}

.pricing-body li span[data-description] .notification-caret {
	transition: all .3s;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 1
}

.pricing-body li span[data-description] .notification-caret:after {
	left: 48%;
	border: 1px solid #00b7d3;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 12px;
	height: 12px;
	transform: rotate(-45deg) scale(0);
	transform-origin: 0 0;
	z-index: 1;
	opacity: 0
}

.pricing-body li .strikethrough {
	text-decoration: line-through;
	color: #d5d5d5;
	padding-left: 22px
}

@media screen and (max-width:39.9375em) {
	.pricing-body li .strikethrough {
		padding-left: 0
	}
}

.pricing-body li .number {
	color: #212121;
	padding: .2em 0 .05em;
	transition: all .2s ease-in-out
}

@media screen and (min-width:40em) {
	.pricing-body li:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, .05)
	}
}

.pricing-section h4 {
	text-align: center;
	width: 100%;
	margin-bottom: 1.1em
}

.pricing-section__customer-logos {
	position: relative;
	width: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pricing-section__customer-logos .border {
	border-top: 1px solid #eaeaea
}

.pricing-section__customer-logos .animate {
	opacity: .7;
	list-style: none;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	height: 110px;
	width: 3210px;
	margin-bottom: 0;
	transform: translateX(-250px);
	animation: C 50s linear 1
}

.pricing-section__customer-logos .animate li {
	position: relative;
	text-align: justify;
	line-height: 0;
	letter-spacing: -.31em;
	float: left;
	overflow: hidden;
	height: 100%;
	width: 1600px
}

.pricing-section__customer-logos figure {
	margin: 0;
	padding: 0
}

.pricing-section__customer-logos .customer-logo {
	width: 200px;
	padding: 2rem 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.pricing-section__customer-logos .customer-logo .logo {
	max-width: 70%
}

.pricing-section__all-plans {
	font-size: .875rem;
	background: #fafafa;
	padding: 38px 0 0
}

.pricing-section__all-plans .title {
	padding-bottom: 2rem;
	color: #999;
	text-align: center
}

.pricing-section__all-plans .content {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	color: #666
}

.pricing-section__all-plans .content li {
	float: left;
	margin-left: 16px;
	padding-bottom: 2rem
}

.pricing-section__all-plans .content li .icon-check {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 50%;
	margin-right: 5px;
	font-size: 10px
}

.pricing-section__all-plans .content li strong {
	font-weight: 600
}

@media screen and (max-width:39.9375em) {
	.pricing-section__all-plans .content li {
		float: none;
		margin-left: 0;
		display: block;
		text-align: center
	}
}

.pricing-section__contact {
	text-align: center;
	background-color: #fff
}

.pricing-section__contact .content {
	padding: 3rem 0;
	font-weight: 500;
	border-bottom: 1px solid #eaeaea
}

@media screen and (max-width:39.9375em) {
	.pricing-section__contact .content {
		line-height: 50px
	}
}

.pricing-section__contact .content span {
	line-height: 36px
}

.pricing-section__contact a.button {
	position: relative;
	margin-left: 1rem;
	margin-bottom: 0;
	width: 191px;
	font-size: 14px;
	padding: 0;
	line-height: 34px;
	vertical-align: bottom
}

.pricing-section__contact a.button:hover {
	text-decoration: none
}

@media screen and (max-width:39.9375em) {
	.pricing-section__contact a.button {
		margin-left: 0
	}
}

.pricing-section__contact .icon-chevron-right {
	display: inline-block;
	margin-left: 8px;
	font-size: 12px
}

.pricing-section__faq {
	padding: 4rem 0;
	background-color: #fff
}

.pricing-section__faq h3 {
	text-align: center;
	margin-bottom: 2rem
}

.pricing-section__faq .accordion-item.is-active {
	background: none
}

.pricing-section__faq .accordion-item:last-child a {
	border: none
}

.pricing-section__faq .accordion-item:first-child a {
	border-top: 1px solid #eaeaea
}

.pricing-section__faq .accordion-item .accordion-title {
	font-size: 15px;
	color: #212121;
	font-weight: 600
}

.pricing-section__faq .accordion-item .accordion-title[aria-expanded=true] {
	border-bottom-color: transparent
}

.pricing-section__faq .accordion-item .accordion-title:hover {
	background-color: #fafafa
}

.pricing-section__faq .accordion-item .accordion-content {
	font-size: .875rem;
	color: #666
}

.pricing-compare.on .number {
	box-shadow: inset 0 -1px 0 0 #fff, inset 0 -4px 0 0 #fedc58
}

.pricing-individual-item {
	border: 1px solid #ebebeb
}

.pricing-individual-item:not(:last-child) {
	border-right: none
}

.pricing-individual-item .pricing-head {
	text-align: left;
	padding: 2.5em 2em;
	border: none
}

.pricing-individual-item h5 {
	margin-bottom: .2em
}

.pricing-individual-item dl,
.pricing-individual-item p {
	font-size: .875rem
}

.pricing-individual-item dl span.amount,
.pricing-individual-item p span.amount {
	font-weight: 500;
	padding-left: .5em
}

.pricing-faq-item,
.pricing-section__faq h4 {
	margin-bottom: 2em
}

.pricing-faq-item h6 {
	font-weight: 700
}

.pricing-faq-item h6,
.pricing-faq-item p {
	font-size: .875rem;
	margin-bottom: .7em
}

.footnotes p {
	color: #8a8a8a;
	font-size: .75rem
}

.dashboard-hero-pic {
	animation: m .5s forwards ease
}

.docs-nav {
	text-align: center
}

.docs-nav .row {
	border-bottom: 1px solid #e0e0e0
}

@media screen and (max-width:39.9375em) {
	.docs-nav .row {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		width: 100%
	}
	.docs-nav .row .columns {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
}

.docs-nav a {
	padding: 1.21em 0;
	display: block;
	width: 100%;
	color: #616161;
	font-weight: 500;
	margin-bottom: -1px
}

.docs-nav a.active {
	color: #0a0a0a;
	border-bottom: 2px solid #35c8e6
}

@media screen and (max-width:39.9375em) {
	.docs-nav a.active {
		color: #14b1d1
	}
}

.doc-filters {
	width: 100%
}

.docs-upnext {
	float: right;
	margin-top: 1.5em
}

.docs-upnext a {
	display: block
}

.docs-head .channel-select-item,
.docs-head .language-select-item {
	opacity: 0;
	transition: all .2s ease;
	transition-delay: .2s
}

.docs-head .channel-select-item.on,
.docs-head .language-select-item.on {
	opacity: 1
}

.docs-head .dropdown.menu {
	float: right
}

.docs-head .dropdown.menu>li {
	font-size: .75rem;
	padding-left: 10px
}

.docs-head .dropdown.menu>li>a {
	padding-left: 0;
	font-size: .875rem;
	margin-top: -10px
}

.docs-head .dropdown.menu .submenu {
	background: #fefefe;
	border-radius: 3px;
	border: 1px solid #eee;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
	font-size: .875rem;
	overflow-y: auto;
	max-height: 20.5em
}

.docs-content-container {
	padding: 2em 0
}

.docs-article-select-toggle {
	border: 1px solid #e0e0e0;
	text-align: center;
	width: 100%;
	display: block;
	padding: 1em 0;
	margin-top: -1em;
	font-weight: 300;
	color: #14b1d1
}

.docs-article-select a.active {
	background: #35c8e6;
	color: #fefefe
}

.docs-article-select a.subcategory {
	margin-left: 1em
}

.docs-article-select a.subcategory.is-index {
	margin-left: 0
}

.docs-article-select a.subcategory.disabled {
	pointer-events: none;
	cursor: default;
	color: #757575;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .0125em
}

@media screen and (max-width:39.9375em) {
	.docs-article-select {
		max-height: 0;
		transition: all .5s ease-in-out;
		overflow: hidden;
		margin-bottom: 2em;
		opacity: 0
	}
	.docs-article-select.on {
		max-height: 999px;
		padding: 1em 0;
		border-bottom: 1px solid #ebebeb;
		opacity: 1
	}
}

.docs-content {
	color: #616161
}

.docs-content a:hover {
	text-decoration: underline
}

.docs-content p {
	line-height: 1.67rem;
	margin-bottom: 1.67rem
}

.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4,
.docs-content h5,
.docs-content h6 {
	color: #0a0a0a
}

.docs-content h3 {
	font-size: 1.25rem;
	border-top: 1px solid #e0e0e0;
	padding-top: 1.67rem;
	margin-top: 1.67rem
}

.docs-content h4,
.docs-content h5,
.docs-content h6 {
	font-size: 1rem;
	margin-bottom: .8rem;
	margin-top: 2.505rem;
	font-weight: 500
}

.docs-content code {
	background: #fff;
	border-radius: 4px;
	font-family: Menlo, Consolas, Liberation Mono, Courier, monospace;
	font-size: .9375rem;
	color: #c82829;
	border: 1px solid #e8e8eb
}

.docs-content pre>code {
	background: none;
	border: none;
	padding: 0
}

.docs-content pre>code.hide {
	visibility: hidden
}

.docs-content ol li {
	padding-left: .5em;
	padding-bottom: .5em
}

.docs-content ul:not(.menu) {
	list-style: none;
	margin-left: 0
}

.docs-content ul:not(.menu) li {
	position: relative;
	padding-left: 30px;
	margin-bottom: .5em
}

.docs-content ul:not(.menu) li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	left: 10px;
	top: 9px;
	border-radius: 50%;
	background: #939da3
}

.docs-content .code-filter .channel-description {
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding-bottom: .2em
}

.docs-content img {
	border: 1px solid #ebebeb
}

.hero-top {
	position: relative;
	top: -87px;
	margin-top: 0
}

.hero-docs h1 {
	font-size: 4.25rem;
	font-weight: 100;
	text-align: right
}

@media screen and (max-width:39.9375em) {
	.hero-docs h1 {
		text-align: left;
		margin-left: 16px;
		font-size: 3rem
	}
}

.hero-docs h4 {
	text-align: left;
	color: hsla(0, 0%, 100%, .6)!important;
	width: auto
}

@media screen and (max-width:39.9375em) {
	.hero-docs h4 {
		margin-left: 16px;
		margin-top: .5em
	}
}

.hero-docs h4 a {
	color: #fff;
	position: relative
}

.hero-docs h4 a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	border-bottom: 1px solid #fefefe;
	transition: .4s
}

.hero-docs h4 a:hover:after {
	width: 100%
}

.hero-docs .hero-copy {
	margin: 3.5em 0 2em
}

.hero-docs p.buttons {
	margin-bottom: 0
}

.hero-docs p.buttons a:first-child {
	margin-right: .5em
}

.hero-downloads {
	padding: 8rem 0;
	min-height: 100vh;
	background-color: #000
}

.hero-downloads h1,
.hero-downloads h2,
.hero-downloads h3,
.hero-downloads h4 {
	text-align: left;
	width: auto
}

.hero-downloads h1 {
	margin-bottom: 1em
}

.hero-downloads h3 {
	margin-bottom: .5em
}

.hero-downloads p.buttons {
	color: hsla(0, 0%, 100%, .5)
}

.downloads-list {
	list-style: none;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 2em
}

.downloads-list li {
	padding: 0 1.875rem 1.875rem 0
}

.downloads-list li a {
	display: block;
	width: 12.5rem;
	height: 7.5rem;
	padding: 1.25rem 1.875rem 1.0625rem;
	background: #202020;
	border-radius: 3px;
	transition: all .5s ease;
	font-size: 1.25rem;
	color: #fefefe
}

.downloads-list li a span {
	display: block;
	margin-bottom: 2rem
}

.downloads-list li a span:after {
	position: relative;
	top: -.125rem;
	left: -1.25rem;
	margin-left: .5rem;
	font-family: icomoon!important;
	content: "\e904";
	color: #35c8e6;
	font-size: .75rem;
	opacity: 0
}

.downloads-list li a small {
	display: block;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .35)
}

.downloads-list li a:hover {
	background: #2a2a2a;
	box-shadow: 0 0 5px 0 #000, inset 0 1px 0 0 hsla(0, 0%, 100%, .05)
}

.downloads-list li a:hover span:after {
	opacity: 1;
	left: 0;
	animation: B .5s
}

@keyframes B {
	0% {
		left: -1.25rem;
		opacity: .3
	}
	50% {
		opacity: .6
	}
	to {
		left: 0;
		opacity: 1
	}
}

.downloads-content h3 {
	font-weight: 400
}

.downloads-content h3:after {
	content: "";
	display: inline-block;
	margin-left: 2px;
	width: .875rem;
	height: 0;
	border-bottom: 2px solid #35c8e6;
	overflow: hidden
}

@media screen and (max-width:39.9375em) {
	.downloads-content {
		margin-left: 16px!important
	}
}

.hero.hero-surface {
	padding-top: 6rem;
	padding-bottom: 0
}

.hero.hero-surface .hero-copy {
	width: 415px;
	height: 415px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .05);
	text-align: left;
	padding: 5rem 3.125rem;
	transform: translateY(4.375rem)
}

.hero.hero-surface .hero-copy h1 {
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	font-weight: 400;
	text-align: left;
	color: #0a0a0a;
	text-shadow: none
}

.hero.hero-surface .hero-copy h4 {
	text-align: left;
	font-weight: 300
}

.hero.hero-surface .hero-copy--notransform {
	padding: 3rem 3.125rem 5rem;
	transform: none;
	color: #fff;
	background: none;
	border: none;
	box-shadow: none
}

.hero.hero-surface .hero-copy--notransform h1,
.hero.hero-surface .hero-copy--notransform h4 {
	color: #fff
}

.hero.hero-surface .hero-copy h1 {
	margin-bottom: 1.41rem
}

@media screen and (max-width:39.9375em) {
	.hero.hero-surface .hero-copy {
		background: rgba(0, 0, 0, .5);
		color: #fff;
		width: auto;
		height: auto;
		transform: translateY(-1rem)
	}
	.hero.hero-surface .hero-copy h1,
	.hero.hero-surface .hero-copy h4 {
		color: #fff;
		text-shadow: 0 0 10px rgba(0, 0, 0, .5)
	}
}

.hero.hero-surface.secondary {
	padding-top: 8rem
}

.hero.hero-surface.secondary .hero-copy {
	width: 100%;
	height: 177px;
	padding: 1rem 1rem 0;
	text-align: center
}

.hero.hero-surface.secondary .hero-copy h2 {
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	color: rgba(0, 0, 0, .8);
	text-shadow: none;
	margin-bottom: .2rem
}

.hero.hero-surface.secondary .hero-copy h5 {
	color: #9e9e9e;
	text-shadow: none
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs li {
	text-transform: none
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs li:not(:last-child):after {
	font-family: icomoon!important;
	content: "\e909";
	top: -1px
}

.hero.hero-surface.secondary .hero-copy .breadcrumbs a,
.hero.hero-surface.secondary .hero-copy .breadcrumbs span {
	color: #aeaeae;
	font-size: 1rem;
	font-weight: 300
}

@media screen and (max-width:39.9375em) {
	.hero.hero-surface.secondary .hero-copy {
		height: 167px;
		background: #fff;
		transform: translateY(-2rem)
	}
}

@media screen and (max-width:39.9375em) {
	.hero.hero-surface.secondary {
		padding-top: 9rem
	}
}

.hero-bg.testimonial {
	background-image: linear-gradient(137deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/testimonial-top.jpg);
	background-size: cover;
	background-position: 50%
}

.hero-bg.testimonial.shiji {
	background-image: linear-gradient(20deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/customer-case-shiji.png)
}

.hero-bg.testimonial.travel {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/customer-case-travel.jpg)
}

.hero-bg.testimonial.sandbox {
	background-image: linear-gradient(0deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/customer-case-sandbox.jpg)
}

.hero-bg.testimonial.mmcar {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/customer-case-mmcar.jpg)
}

.hero-bg.testimonial.qqchou {
	background-image: linear-gradient(0deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/customer-case-qqchou.jpg)
}

.hero-bg.testimonial.deyin {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/home-cases-deyin.jpeg)
}

.hero-bg.testimonial.tezign {
	background-image: linear-gradient(20deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/home-cases-tezign.jpeg)
}

.hero-bg.testimonial.jianshu {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/home-cases-jianshu.jpeg)
}

.hero-bg.testimonial.dingxiang {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/home-cases-dingxiang.jpeg)
}

.hero-bg.testimonial.huwai {
	background-image: linear-gradient(37deg, transparent 30%, rgba(0, 0, 0, .45)), url(../img/home-cases-huwai.jpeg)
}

.testimonial-categories {
	padding-top: 7em;
	text-align: center
}

@media screen and (max-width:39.9375em) {
	.testimonial-categories {
		padding-top: 2em
	}
}

.testimonial-categories .tab {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .05)
}

.testimonial-categories h5 {
	font-size: .875rem;
	font-weight: 400
}

.testimonial-categories--new {
	transform: translateY(-2rem);
	background: #fff;
	box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .05);
	text-align: center;
	margin-bottom: 3rem
}

.testimonial-categories--new .tabs {
	border: none
}

.testimonial-categories--new .tabs-title {
	width: 50%
}

.testimonial-categories--new .tabs-title>a {
	font-size: 1.25rem;
	font-weight: 200;
	background-color: #fefefe;
	border: 1px solid rgba(0, 0, 0, .05);
	padding: 1.8rem 1.5rem;
	box-shadow: inset 5px -5px 25px 0 rgba(0, 0, 0, .05)
}

.testimonial-categories--new .tabs-title>a#panel2-label {
	border-left: none
}

@media screen and (max-width:39.9375em) {
	.testimonial-categories--new .tabs-title>a {
		padding: 1rem;
		font-size: 1rem
	}
}

.testimonial-categories--new .tabs-title.is-active a {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: none
}

.testimonial-categories--new .tabs-content {
	border: none
}

.testimonial-categories--new .tabs-panel {
	padding-top: 2rem;
	transition: all .35 ease-in
}

.testimonial-categories--new .tabs-panel a {
	color: currentColor
}

.testimonial-categories--new .tabs-panel a.active {
	color: #14b1d1
}

.testimonial-categories--new h5 {
	font-size: .875rem;
	font-weight: 400
}

@media screen and (max-width:39.9375em) {
	.testimonial-categories--new .testimonial-categories__icon {
		display: none
	}
}

.testimonial-categories--new .all.active.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-all1.svg)
}

.testimonial-categories--new .social.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-social1.svg)
}

.testimonial-categories--new .shopping.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-shopping1.svg)
}

.testimonial-categories--new .platform.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-platform1.svg)
}

.testimonial-categories--new .o2o.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-o2o1.svg)
}

.testimonial-categories--new .health.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-health1.svg)
}

.testimonial-categories--new .education.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-education1.svg)
}

.testimonial-categories--new .nonprofit.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-nonprofit1.svg)
}

.testimonial-categories--new .travel.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-travel1.svg)
}

.testimonial-categories--new .apple-pay.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-applepay1.svg)
}

.testimonial-categories--new .fenqi.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-fenqi1.svg)
}

.testimonial-categories--new .cmb.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-cmb1.svg)
}

.testimonial-categories--new .foreign.active .testimonial-categories__icon {
	background-image: url(../img/testimonial-icon-foreign1.svg)
}

.testimonial-categories__icon {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 1em;
	background-position: 50%;
	background-repeat: no-repeat
}

.testimonial-categories__icon.all {
	background-image: url(../img/testimonial-icon-all.svg)
}

.testimonial-categories__icon.travel {
	background-image: url(../img/testimonial-icon-travel.svg)
}

.testimonial-categories__icon.nonprofit {
	background-image: url(../img/testimonial-icon-nonprofit.svg)
}

.testimonial-categories__icon.education {
	background-image: url(../img/testimonial-icon-education.svg)
}

.testimonial-categories__icon.health {
	background-image: url(../img/testimonial-icon-health.svg)
}

.testimonial-categories__icon.social {
	background-image: url(../img/testimonial-icon-social.svg)
}

.testimonial-categories__icon.o2o {
	background-image: url(../img/testimonial-icon-o2o.svg)
}

.testimonial-categories__icon.platform {
	background-image: url(../img/testimonial-icon-platform.svg)
}

.testimonial-categories__icon.shopping {
	background-image: url(../img/testimonial-icon-shopping.svg)
}

.testimonial-categories__icon.apple-pay {
	background-image: url(../img/testimonial-icon-applepay.svg)
}

.testimonial-categories__icon.fenqi {
	background-image: url(../img/testimonial-icon-fenqi.svg)
}

.testimonial-categories__icon.cmb {
	background-image: url(../img/testimonial-icon-cmb.svg)
}

.testimonial-categories__icon.foreign {
	background-image: url(../img/testimonial-icon-foreign.svg)
}

.testimonial-card {
	position: relative;
	width: 97%;
	padding-bottom: 7rem;
	margin-bottom: 3rem;
	background: #fefefe;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border-radius: 3px;
	overflow: hidden;
	display: block;
	transition: box-shadow .2s ease, opacity .2s ease
}

.testimonial-card:hover {
	box-shadow: 0 10px 50px rgba(102, 136, 153, .15)
}

.testimonial-card:hover .testimonial-card__text {
	transform: translateY(3.5rem);
	background: #fefefe
}

.testimonial-card:last-child {
	border-bottom: none
}

@media screen and (max-width:39.9375em) {
	.testimonial-card {
		width: 100%;
		left: 0!important
	}
}

.testimonial-card .testimonial__fullbleed {
	position: absolute;
	width: 100%;
	transition: height .3s ease
}

.testimonial-card__text {
	position: relative;
	padding: 40px 45px;
	border: 1px solid rgba(0, 0, 0, .05);
	background: hsla(0, 0%, 100%, .95);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
	transform: translateY(4.5rem);
	transition: all .2s ease
}

.testimonial-card__text a {
	position: absolute;
	right: 45px;
	bottom: 2.3rem
}

@media screen and (max-width:39.9375em) {
	.testimonial-card__text {
		margin: 0 auto;
		padding: 28px 35px
	}
	.testimonial-card__text hr {
		margin: 0 0 1rem
	}
	.testimonial-card__text a {
		right: 18px;
		bottom: 28px;
		font-size: .875rem
	}
}

p.quote {
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	font-size: 1.125rem;
	line-height: 1.78;
	color: #616161;
	letter-spacing: .05rem;
	font-weight: 300;
	min-height: 128px
}

.testimonial-section {
	padding: 5rem 0 0
}

@media screen and (max-width:39.9375em) {
	.testimonial-section {
		padding: 3rem 0 0
	}
}

.testimonial-section.secondary {
	padding: 10rem 0
}

@media screen and (max-width:39.9375em) {
	.testimonial-section.secondary {
		padding-top: 4rem;
		padding-bottom: 6rem
	}
	.testimonial-section.secondary h2 {
		text-align: center
	}
}

@media screen and (max-width:39.9375em) {
	.testimonial-section__head .company-info {
		margin-bottom: 1em
	}
}

.testimonial-section__head .company-info h2 {
	margin-bottom: .1em
}

.testimonial-section__head .company-info h5 {
	color: #9e9e9e;
	font-size: 1.125rem
}

@media screen and (max-width:39.9375em) {
	.testimonial-section__head h2,
	.testimonial-section__head h5 {
		text-align: center
	}
	.testimonial-section__head h2 {
		margin-bottom: 1em
	}
	.testimonial-section__head h2 .punctuation {
		letter-spacing: -.8em
	}
}

.testimonial-section__body {
	font-weight: 300
}

.testimonial-section__body p {
	text-align: justify;
	line-height: 2;
	word-break: normal;
	word-wrap: break-word
}

.testimonial-section__body dl {
	margin-bottom: 22px
}

@media screen and (max-width:39.9375em) {
	.testimonial-section__body dl {
		text-align: center;
		margin-top: 2em
	}
}

.testimonial-section__body dl dt {
	color: #9e9e9e;
	font-size: .8125rem;
	font-weight: 400
}

.testimonial-section__body dl dd {
	font-size: 1.125rem;
	font-weight: 300;
	margin-bottom: .2em
}

.testimonial__company-description {
	font-size: .8125rem;
	color: #9e9e9e;
	letter-spacing: 0;
	line-height: 1.41;
	padding-bottom: 3rem;
	padding-right: 2rem
}

.testimonial__company-description.dingxiang {
	padding-bottom: 1.3rem
}

@media screen and (max-width:39.9375em) {
	.testimonial__company-description.dingxiang {
		padding-bottom: 3rem
	}
}

.testimonial__company-description.qqchou {
	padding-bottom: 0
}

@media screen and (max-width:39.9375em) {
	.testimonial__company-description.qqchou {
		padding-bottom: 3rem
	}
}

.testimonial__company-description:before {
	content: " ";
	width: 30px;
	height: 1px;
	background: #e0e0e0;
	display: block;
	margin-bottom: 2em
}

@media screen and (max-width:39.9375em) {
	.testimonial__company-description {
		text-align: center;
		padding-left: 2rem;
		padding-top: 2rem
	}
	.testimonial__company-description:before {
		margin: 0 auto;
		margin-bottom: 2em
	}
}

.testimonial__quote-card {
	background: hsla(0, 0%, 100%, .95);
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
	padding: 40px 45px;
	transform: translateY(5.5em);
	margin-top: -4em;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}

.testimonial__quote-card.secondary.shiji {
	transform: translateY(6.1em)
}

@media screen and (max-width:39.9375em) {
	.testimonial__quote-card.secondary.shiji {
		transform: translateY(2em)
	}
}

.testimonial__quote-card.secondary.mmcar {
	transform: translateY(6em)
}

@media screen and (max-width:39.9375em) {
	.testimonial__quote-card.secondary,
	.testimonial__quote-card.secondary.mmcar {
		transform: translateY(2em)
	}
}

.testimonial__quote-card p {
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	font-size: 1.125rem;
	line-height: 1.78;
	color: #616161;
	letter-spacing: .05rem;
	font-weight: 300
}

.testimonial__fullbleed {
	height: 262px;
	background-size: cover;
	background-position: 50%
}

.testimonial__fullbleed.shiji {
	background-image: url(../img/customer-case-shiji.png)
}

.testimonial__fullbleed.travel {
	background-image: url(../img/customer-case-travel.jpg)
}

.testimonial__fullbleed.mmcar {
	background-image: url(../img/customer-case-mmcar.jpg)
}

.testimonial__fullbleed.sandbox {
	background-image: url(../img/customer-case-sandbox.jpg)
}

.testimonial__fullbleed.qqchou {
	background-image: url(../img/customer-case-qqchou.jpg)
}

.testimonial__fullbleed.tezign {
	background-image: url(../img/home-cases-tezign.jpeg)
}

.testimonial__fullbleed.deyin {
	background-image: url(../img/home-cases-deyin.jpeg)
}

.testimonial__fullbleed.jianshu {
	background-image: url(../img/home-cases-jianshu.jpeg)
}

.testimonial__fullbleed.huwai {
	background-image: url(../img/home-cases-huwai.jpeg)
}

.testimonial__fullbleed.dingxiang {
	background-image: url(../img/home-cases-dingxiang.jpg)
}

.testimonial-logo {
	height: 33px;
	width: 100%;
	background-repeat: no-repeat;
	border-right: none
}

.testimonial-logo.tezign {
	background-size: 140px 25px;
	background-image: url(../img/testimonial-logo-tezign@2x.png)
}

@media screen and (max-width:39.9375em) {
	.testimonial-logo.tezign {
		background-size: 84px 15px
	}
}

.testimonial-logo.jianshu {
	background-size: 36px 16px;
	background-image: url(../img/testimonial-logo-jianshu@2x.png)
}

.testimonial-logo.huwai {
	background-size: 64px 16px;
	background-image: url(../img/testimonial-logo-huwai@2x.png)
}

.testimonial-logo.deyin {
	background-size: 71px 25px;
	background-image: url(../img/testimonial-logo-deyin@2x.png)
}

.testimonial-logo.dingxiang {
	background-size: 71px 22px;
	background-image: url(../img/testimonial-logo-dingxiang@2x.png)
}

.testimonial-logo.shiji {
	background-size: 41px 20px;
	background-image: url(../img/testimonial-logo-shiji@2x.png)
}

.testimonial-logo.sandbox {
	background-size: 140px 25px;
	background-image: url(../img/testimonial-logo-sandbox@2x.png)
}

@media screen and (max-width:39.9375em) {
	.testimonial-logo.sandbox {
		background-size: 84px 15px
	}
}

.testimonial-logo.travel {
	background-size: 75px 18px;
	background-image: url(../img/testimonial-logo-travel@2x.png)
}

.testimonial-logo.mmcar {
	background-size: 81px 19px;
	background-image: url(../img/testimonial-logo-mmcar@2x.png)
}

.testimonial-logo.qqchou {
	background-size: 64px 20px;
	background-image: url(../img/testimonial-logo-qqchou@2x.png)
}

.nav-padding {
	padding: 2rem 0
}

.terms-content {
	padding: 5rem 0
}

.terms-content h2 {
	font-weight: 200
}

.terms-content h3 {
	font-weight: 200;
	margin-top: 3rem
}

.terms-content h4 {
	font-weight: 200;
	margin-top: 2rem;
	margin-bottom: 2rem
}

.terms-content p {
	font-weight: 300
}

.mediaList {
	margin: 2rem auto
}

.mediaList .column,
.mediaList .columns {
	padding: 2rem
}

.mediaList a {
	display: block;
	height: 50px;
	text-indent: -9999px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain!important
}

.mediaList .people {
	background-image: url(../img/press/logo-people.png)
}

.mediaList .huanqiu {
	background-image: url(../img/press/logo-huanqiu.png)
}

.mediaList .souhu {
	background-image: url(../img/press/logo-souhu.jpg)
}

.mediaList .yiou {
	background-image: url(../img/press/logo-yiou.jpg)
}

.mediaList .ceweekly {
	background-image: url(../img/press/logo-ceweekly.png)
}

.mediaList .cn21 {
	background-image: url(../img/press/logo-cn21.jpg)
}

.mediaList .tencentech {
	background-image: url(../img/press/logo-tencent.png);
	background-size: 80px auto
}

.mediaList .techweb {
	background-image: url(../img/press/logo-techweb.png);
	background-size: 80px auto
}

.mediaList .touzi {
	background-image: url(../img/press/logo-touzi.png);
	background-size: 80px auto
}

.mediaList .heima {
	background-image: url(../img/press/logo-heima.png);
	background-size: 80px auto
}

.mediaList .kr36 {
	background-image: url(../img/press/logo-kr.png)
}

.mediaList .csdn {
	background-image: url(../img/press/logo-csdn.png)
}

.mediaList .nsb {
	background-image: url(../img/press/logo-nsb.png)
}

.mediaList .pingwest {
	background-image: url(../img/press/logo-pw.png)
}

.mediaList .technode {
	background-image: url(../img/press/logo-tn.png)
}

.mediaList .cbnweek {
	background-image: url(../img/press/logo-cbn.png)
}

.mediaList .geekpark {
	background-image: url(../img/press/logo-geekpark.png)
}

.mediaList .forbes {
	background-image: url(../img/press/forbes.png)
}

.mediaList .fenghuang {
	background-image: url(../img/press/logo-fenghuang.png);
	background-size: 80px auto
}

.mediaList .yiou {
	background-image: url(../img/press/logo-yiou.jpg);
	background-size: 80px auto
}

.mediaList .qianzhan {
	background-image: url(../img/press/logo-qianzhan.png);
	background-size: 80px auto
}

.mediaList .chuangye {
	background-image: url(../img/press/logo-chuangye.png);
	background-size: 80px auto
}

.mediaList .caijing {
	background-image: url(../img/press/logo-caijing.png);
	background-size: 80px auto
}

.mediaList .zhongshang {
	background-image: url(../img/press/logo-zhongshang.png);
	background-size: 80px auto
}

.mediaList .zhifu {
	background-image: url(../img/press/logo-zhifu.png);
	background-size: 80px auto
}

.mediaList .jiemian {
	background-image: url(../img/press/logo-jiemian.png);
	background-size: 80px auto
}

.mediaList .toutiao {
	background-image: url(../img/press/logo-toutiao.png);
	background-size: 80px auto
}

.mediaList .techdaily {
	background-image: url(../img/press/techdaily.png)
}

.mediaList .chuangjian {
	background-image: url(../img/press/chuangjian.png)
}

.mediaList .netease {
	background-image: url(../img/press/netease.png)
}

.mediaList .ebrun {
	background-image: url(../img/press/logo-ebrun.jpg);
	background-size: 80px auto
}

.mediaList .lieyun {
	background-image: url(../img/press/logo-lieyun.jpg);
	background-size: 80px auto
}

.mediaList .tuobe {
	background-image: url(../img/press/logo-2b.png);
	background-size: 100px auto
}

@media (-moz-min-device-pixel-ratio:1.3),
(-webkit-min-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
	.mediaList .kr36 {
		background-image: url(../img/press/logo-kr@2x.png);
		background-size: 55px 31px
	}
	.mediaList .csdn {
		background-image: url(../img/press/logo-csdn@2x.png);
		background-size: 100px 23px
	}
	.mediaList .nsb {
		background-image: url(../img/press/logo-nsb@2x.png);
		background-size: 96px 21px
	}
	.mediaList .pingwest {
		background-image: url(../img/press/logo-pw@2x.png);
		background-size: 100px 18px
	}
	.mediaList .technode {
		background-image: url(../img/press/logo-tn@2x.png);
		background-size: 100px 16px
	}
	.mediaList .cbnweek {
		background-image: url(../img/press/logo-cbn@2x.png);
		background-size: 100px 19px
	}
	.mediaList .geekpark {
		background-image: url(../img/press/logo-geekpark@2x.png);
		background-size: 100px 27px
	}
	.mediaList .forbes {
		background-image: url(../img/press/forbes@2x.png);
		background-size: 100px 26px
	}
	.mediaList .techdaily {
		background-image: url(../img/press/techdaily@2x.png);
		background-size: 100px 19px
	}
	.mediaList .chuangjian {
		background-image: url(../img/press/chuangjian@2x.png);
		background-size: 99px 25px
	}
	.mediaList .netease {
		background-image: url(../img/press/netease@2x.png);
		background-size: 100px 24px
	}
	.mediaList .tuobe {
		background-image: url(../img/press/logo-2b@2x.png);
		background-size: 100px 28px
	}
}

.articles-container {
	border-top: 1px solid rgba(0, 0, 0, .05);
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	padding: 1rem 0
}

.articles-container .column,
.articles-container .columns {
	padding: 3rem 2rem
}

.articles-container .column a:hover,
.articles-container .columns a:hover {
	text-decoration: underline
}

.articles-container .column h4,
.articles-container .columns h4 {
	font-size: 1.25rem;
	margin-bottom: 1.5rem
}

.articles-container .column .content,
.articles-container .columns .content {
	font-weight: 300;
	margin-bottom: 1.5rem
}

.articles-container .column .reporter,
.articles-container .columns .reporter {
	color: #a6aeb3
}

.downloads-container {
	padding: 3rem 0 5rem
}

.downloads-container h4 {
	text-align: center;
	margin-bottom: 1.41rem
}

.downloads-container a {
	width: 100%;
	height: 80px;
	display: block;
	background-repeat: no-repeat;
	background-position: 50%;
	border: 1px solid rgba(0, 0, 0, .1)
}

.downloads-container a span {
	width: 100%;
	height: 100%;
	line-height: 80px;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .2s ease;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.downloads-container a:hover span {
	opacity: 1
}

.downloads-container .white_m {
	background-image: url(../img/logo/white_logo.png)
}

.downloads-container .white_s {
	background-image: url(../img/logo/white_logo_icon.png)
}

.downloads-container .black_m {
	background-color: #000;
	background-image: url(../img/logo/black_logo.png)
}

.downloads-container .black_s {
	background-color: #000;
	background-image: url(../img/logo/black_icon_logo.png)
}

.hero.hero-cmbwallet {
	background-image: url(../img/cmb-bg-rainbow.png), linear-gradient(-50deg, #cf1d3a, #ed7267 76%, #f68a74);
	background-repeat: no-repeat;
	background-position: 27% 110%;
	color: #fefefe
}

@media screen and (max-width:39.9375em) {
	.hero.hero-cmbwallet h1 {
		text-shadow: 0 0 15px HSL(356, 67%, 37%)
	}
	.hero.hero-cmbwallet .hero-copy {
		padding-top: 0
	}
}

.hero.hero-cmbwallet .cmb-logo {
	width: 180px;
	height: 181px;
	margin: 1rem auto;
	background-image: url(../img/cmb-logo.svg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.hero.hero-cmbwallet .cmb-logo:before {
	content: "";
	position: absolute;
	top: -56px;
	left: -16px;
	width: 217px;
	height: 289px;
	background-image: url(../img/cmb-logo-points.svg);
	background-size: cover;
	background-repeat: no-repeat
}

.hero.hero-cmbwallet .hero-bg #front-rainbow {
	width: 100%;
	bottom: 0;
	position: absolute
}

.cmb-feature {
	position: relative
}

.cmb-feature__bg {
	padding-top: 4rem;
	height: 429px
}

.cmb-feature__bg--building {
	width: 682px;
	height: 365px;
	background-image: url(../img/cmb-bg-building.svg);
	background-size: cover
}

@media screen and (max-width:39.9375em) {
	.cmb-feature__o2o--text h5 {
		margin-top: 1.25rem
	}
}

.devider {
	width: 80%;
	max-width: 168px
}

.devider hr {
	margin: 2em 0
}

@media screen and (max-width:39.9375em) {
	.ld-content__body--text {
		margin-top: 1.25rem;
		padding-top: 1.25rem;
		border-top: 1px solid #ebebeb
	}
}

@media screen and (max-width:39.9375em) {
	.ld-content__body--text h5 {
		margin-top: 1.25rem
	}
}

.cmb-feature__items {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #616161
}

@media screen and (max-width:39.9375em) {
	.cmb-feature__items {
		font-size: .875rem
	}
}

.cmb-wallet-pay {
	position: relative;
	min-width: 240px;
	height: 469px;
	overflow: hidden;
	padding-top: 2rem;
	padding-left: 2rem
}

.cmb-wallet-pay p {
	font-size: .625rem;
	color: #5d5959;
	margin-bottom: .2rem
}

.cmb-wallet-pay h3 {
	font-size: 1.25rem;
	margin-bottom: .5rem
}

.cmb-wallet-pay__device {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 303px;
	height: 405px;
	transition: all .5s cubic-bezier(.23, 1, .32, 1)
}

.cmb-wallet-pay__device .button {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	font-size: .8125rem;
	font-weight: 400
}

.cmb-wallet-pay__device.animated #step1 {
	z-index: 90;
	animation: w .5s forwards ease;
	cursor: default
}

.cmb-wallet-pay__device.animated #overlay {
	z-index: 93;
	animation: x .5s forwards ease;
	animation-delay: .6s
}

.cmb-wallet-pay__device.animated #step2 {
	z-index: 95;
	animation: y 2s forwards ease-in;
	animation-delay: 1.1s
}

.cmb-wallet-pay__device.animated #pay {
	z-index: 97;
	animation: z .3s forwards ease-in;
	animation-delay: 2s
}

.cmb-wallet-pay__device.animated #step3 {
	z-index: 99;
	animation: A .8s forwards ease;
	animation-delay: 3.2s
}

.cmb-wallet-pay__screen {
	position: relative;
	width: 166px;
	height: 294px;
	border: 1px solid rgba(0, 0, 0, .3);
	background-image: url(../img/cmb-applepay-screen@2x.png);
	background-size: contain;
	background-repeat: no-repeat
}

.cmb-wallet-pay__selection {
	position: relative;
	bottom: 87px;
	left: 0;
	width: 166px;
	height: 30px;
	background-color: rgba(0, 0, 0, .3);
	opacity: 0;
	z-index: 1;
	cursor: pointer
}

.cmb-wallet-pay__overlay {
	top: 0;
	width: 166px;
	height: 294px;
	background-color: #868686
}

.cmb-wallet-pay__finish,
.cmb-wallet-pay__overlay {
	position: absolute;
	opacity: 0;
	transition: all .5s cubic-bezier(.23, 1, .32, 1);
	z-index: -1
}

.cmb-wallet-pay__finish {
	top: 64px;
	left: 7px;
	width: 152px;
	height: 168px;
	background-color: #fff;
	padding-top: 8px;
	text-align: center;
	border-radius: 3px
}

.cmb-wallet-pay__finish .button {
	background-color: #fff;
	color: rgba(0, 0, 0, .8);
	border-top: 1px solid #e0e0e0
}

.cmb-wallet-pay__finish .button:hover {
	color: rgba(0, 0, 0, .4)
}

.cmb-wallet-pay__finish--icon {
	position: relative;
	margin: .5rem auto;
	width: 40px;
	height: 40px;
	border: 2px solid #34b3e0;
	border-radius: 50%
}

.cmb-wallet-pay__finish--icon:before {
	left: 5px;
	width: 12px;
	transform-origin: right;
	transform: rotate(40deg)
}

.cmb-wallet-pay__finish--icon:after,
.cmb-wallet-pay__finish--icon:before {
	content: "";
	position: absolute;
	bottom: 28%;
	height: 2px;
	background-color: #34b3e0
}

.cmb-wallet-pay__finish--icon:after {
	right: 1px;
	width: 18px;
	transform-origin: left;
	transform: rotate(-40deg)
}

.cmb-wallet-pay__finish--text {
	color: #34b3e0;
	font-size: .875rem
}

.cmb-wallet-pay__charge {
	position: absolute;
	top: 64px;
	left: 7px;
	width: 152px;
	height: 168px;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	opacity: 0;
	background-color: #fff;
	text-align: center;
	padding: 6px;
	z-index: -1
}

.cmb-wallet-pay__charge h3.price {
	color: #ef5350
}

.cmb-wallet-pay__charge .input-pwd {
	position: relative;
	width: 95%;
	margin: 0 auto;
	overflow: hidden
}

.cmb-wallet-pay__charge .input-pwd__cell {
	float: left;
	margin: 0;
	width: 16.6%;
	height: 26px;
	border: 1px solid #ceced2;
	border-right: none;
	position: relative
}

.cmb-wallet-pay__charge .input-pwd__cell:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-3px, -3px);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #d8d8d8
}

.cmb-wallet-pay__charge .input-pwd__cell:last-child {
	border: 1px solid #ceced2
}

.cmb-wallet-pay__charge #bank {
	width: 100%;
	margin: .5rem;
	position: relative
}

.cmb-wallet-pay__charge #bank:before {
	content: "";
	position: absolute;
	top: 2px;
	left: -4px;
	width: 14px;
	height: 14px;
	background-image: url(../img/ccb_logo.png);
	background-repeat: no-repeat;
	background-size: cover
}

.cmb-wallet-pay__charge hr {
	margin: .2rem 0
}

.cmb-intro.ld-content {
	background-image: url(../img/cmb-bg-intro.svg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #fefefe
}

.cmb-activity.ld-content {
	background-color: #fff9fb
}

.cmb-activity.ld-content a:not(.cta),
.cmb-activity.ld-content h2.main-title {
	color: #f66869
}

.ld-career-list span.location {
	float: left;
	padding-right: 2em;
	color: #757575
}

@media screen and (max-width:39.9375em) {
	.ld-career-list .accordion-title {
		padding-right: 2rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}

.ld-career-list .accordion-content {
	padding-top: 2em
}

.ld-career-list .accordion-content h4 {
	text-align: left;
	margin-bottom: 1.2em
}

.ld-career-list .accordion-content ul {
	margin-bottom: 2em
}

.ld-career-list .accordion-content h6 {
	margin-bottom: .5em
}

.ld-career-list .accordion-content a.button {
	color: #fefefe
}

.hero-career {
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-ms-flex-align: center;
	align-items: center
}

.hero-career>.row {
	width: 100%
}

.hero-career .polygon {
	width: 200px;
	height: 111px;
	position: absolute;
	background-image: url(../img/polygon.gif);
	background-position: 0 50%;
	background-repeat: no-repeat
}

.hero-career h1,
.hero-career p {
	text-align: left
}

@media screen and (max-width:39.9375em) {
	.hero-career h1,
	.hero-career p {
		text-align: center
	}
}

.hero-career h1 {
	margin-bottom: 2rem;
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	font-weight: 400
}

.hero-career .hero-bg {
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.hero-career .hero-bg .hreo-bg-content {
	position: relative;
	width: 110%;
	height: 110%
}

.ld-content-career .tabs {
	background: transparent;
	border: none
}

.ld-content-career .tabs-title {
	float: none;
	display: block;
	padding: 1rem 0
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .tabs-title {
		float: left;
		width: 50%
	}
}

.ld-content-career .tabs-title>a {
	display: inline-block;
	font-size: 1.2rem;
	padding: 0;
	padding-bottom: .5rem;
	font-weight: 400;
	color: #fff;
	transition: all .4s
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .tabs-title>a {
		font-size: 1rem
	}
}

.ld-content-career .tabs-title.is-active a {
	color: #fff;
	border-bottom-color: #9e9e9e
}

.ld-content-career .tabs-content {
	background: transparent;
	border: none;
	height: 372px
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .tabs-content {
		padding-top: 1rem;
		height: 302px
	}
}

.ld-content-career .tabs-panel {
	position: relative;
	height: 100%
}

.ld-content-career .team-desc {
	line-height: 2;
	padding: 2rem 0;
	min-height: 200px
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-desc {
		min-height: 130px;
		padding: 0 2rem 1rem 0
	}
}

.ld-content-career .team-signs-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 375px 297px
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg {
		background-size: 293px auto
	}
}

.ld-content-career .team-signs-bg.products {
	background-image: url(../img/polygon-big.svg);
	background-position: 30% 10%
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg.products {
		background-position: 0 0;
		left: -1.5rem;
		background-size: 317px auto
	}
}

.ld-content-career .team-signs-bg.engineer {
	background-image: url(../img/five-line.svg)
}

.ld-content-career .team-signs-bg.misc {
	background-image: url(../img/incline-rectangle.svg)
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg.misc {
		background-position: 0 0
	}
}

.ld-content-career .team-signs-bg.operations {
	background-image: url(../img/triangle-big.svg);
	background-position: 30% -10%
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg.operations {
		background-position: 0 0
	}
}

.ld-content-career .team-signs-bg.marketing {
	background-image: url(../img/cross-line-big.svg)
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg.marketing {
		background-position: 0 0;
		background-size: 267px auto
	}
}

.ld-content-career .team-signs-bg.options {
	background-image: url(../img/slashline-big.svg)
}

@media screen and (max-width:39.9375em) {
	.ld-content-career .team-signs-bg.options {
		background-position: 0 0;
		background-size: 158px auto
	}
}

.image-walls {
	position: absolute;
	top: 0
}

.image-walls.left {
	left: 0;
	width: 46%
}

@media screen and (max-width:39.9375em) {
	.image-walls.left {
		top: 41%;
		width: 100%
	}
}

.image-walls.right {
	right: 0;
	width: 49%
}

@media screen and (max-width:39.9375em) {
	.image-walls.right {
		top: 53%;
		width: 100%
	}
}

.image-walls #pingerChat {
	width: 100%;
	height: 502px;
	background-image: url(../img/career-chat1.jpg);
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover!important
}

@media screen and (max-width:39.9375em) {
	.image-walls #pingerChat {
		height: 343px
	}
}

.image-walls #dinerHall {
	width: 100%;
	height: 343px;
	background-image: url(../img/career-diner.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover!important;
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	.image-walls #dinerHall {
		margin-bottom: 1rem
	}
}

.image-walls #tabelGame {
	width: 300px;
	height: 192px;
	background-image: url(../img/career-game.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover!important
}

.image-walls .bottom {
	display: -ms-flexbox;
	display: flex
}

.image-walls .desc {
	max-width: 240px;
	padding-left: 1.2rem
}

@media screen and (max-width:39.9375em) {
	.image-walls .desc {
		text-align: left
	}
}

#jobDetails>.row {
	margin-bottom: 4rem
}

@media screen and (max-width:39.9375em) {
	#jobDetails>.row {
		margin-bottom: 2rem
	}
}

#pingerStory {
	position: relative;
	height: 534px
}

#pingerStory .content {
	min-height: 423px;
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	#pingerStory .content {
		min-height: 323px
	}
}

#pingerStory .story-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 524px;
	height: 452px;
	background-image: url(../img/polygonline-large.svg);
	background-size: cover;
	background-repeat: no-repeat;
	transform: translate(-68%, -37%)
}

@media screen and (max-width:39.9375em) {
	#pingerStory .story-bg {
		display: none
	}
}

@media screen and (max-width:39.9375em) {
	#pingerStory #storyMakrup {
		margin-top: 23rem
	}
}

@media screen and (max-width:39.9375em) {
	#pingerStory {
		height: 930px
	}
}

#pingerLife {
	margin: 4rem 0;
	position: relative;
	height: 679px
}

@media screen and (max-width:39.9375em) {
	#pingerLife {
		margin-top: 0;
		height: 1069px
	}
}

#pingerLife .benefits-list h2 {
	margin-bottom: 3rem
}

@media screen and (max-width:39.9375em) {
	#pingerLife .benefits-list h2 {
		margin-bottom: 1.8rem
	}
}

#pingerLife .benefits-list dl {
	margin-bottom: 5rem
}

@media screen and (max-width:39.9375em) {
	#pingerLife .benefits-list dl {
		margin-bottom: 2.5rem
	}
}

#pingerLife .benefits-list dt {
	font-weight: 400;
	margin-top: .5em
}

@media screen and (max-width:39.9375em) {
	#pingerLife .benefits-list {
		margin-bottom: 1rem
	}
}

#pingerLife .benefits-extra {
	margin-top: 2rem;
	max-width: 340px;
	color: #fefefe
}

#pingerLife .benefits-extra a {
	color: #fefefe
}

#pingerLife .benefits-extra a:hover {
	color: #cecece
}

#pingerLife .life-bg {
	position: absolute;
	left: 45%;
	top: 73%;
	width: 332px;
	height: 286px;
	background-image: url(../img/polygonline-medium.svg);
	background-size: cover;
	background-repeat: no-repeat;
	transform: translate(-50%);
	z-index: 99
}

@media screen and (max-width:39.9375em) {
	#pingerLife .life-bg {
		display: none
	}
}

#pingerOverview {
	position: relative;
	height: 414px;
	margin: 2rem 0 4rem
}

#pingerOverview .viewport {
	position: relative;
	width: 85%;
	height: 100%;
	overflow: hidden
}

@media screen and (max-width:39.9375em) {
	#pingerOverview .viewport {
		width: 100%;
		height: 291px
	}
}

#pingerOverview .views {
	height: 100%;
	width: 400%
}

#pingerOverview .view {
	float: left;
	width: 25%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover!important
}

#pingerOverview .view.first {
	background-image: url(../img/career-life1.jpg)
}

#pingerOverview .view.second {
	background-image: url(../img/career-life2.jpg)
}

#pingerOverview .view.third {
	background-image: url(../img/career-life3.jpg)
}

#pingerOverview .content {
	position: absolute;
	left: 87%;
	bottom: -2rem;
	width: 10%;
	min-width: 150px;
	max-width: 240px
}

@media screen and (max-width:39.9375em) {
	#pingerOverview .content {
		position: relative;
		width: 70%;
		margin: 1rem auto 2rem;
		left: auto;
		bottom: auto
	}
}

.hero.hero-about {
	padding: 9rem 0 8rem
}

.hero.hero-about h1 {
	font-family: Baskerville, Songti SC, 鏂扮窗鏄庨珨, MingLiU, serif;
	font-weight: 400;
	text-align: left;
	color: #fefefe;
	text-shadow: none
}

@media screen and (max-width:39.9375em) {
	.hero.hero-about h1 {
		text-align: center
	}
}

@media screen and (max-width:39.9375em) {
	.hero.hero-about {
		padding-bottom: 18rem
	}
}

.hero-bg.aboutus {
	background-color: #dedede;
	background-image: url(../img/herobg-stars.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.hero-bg.aboutus>.row {
	height: 100%
}

.hero-bg.aboutus .illustration-pinger-wrap {
	width: 260px;
	height: 221px;
	position: relative;
	background-image: url(../img/illustration-pinger.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	transform: translateX(3rem)
}

@media screen and (max-width:39.9375em) {
	.hero-bg.aboutus .illustration-pinger-wrap {
		margin: 0 auto;
		transform: translateY(-3rem)
	}
}

@media screen and (max-width:39.9375em) {
	.hero-bg.aboutus .fullheight-column-align {
		-ms-flex-item-align: end;
		align-self: flex-end
	}
}

.ld-content--about .overview {
	color: #9e9e9e
}

@media screen and (max-width:39.9375em) {
	.ld-content--about .overview {
		text-align: center
	}
}

.ld-content--about #about {
	background-color: #fff;
	transform: translate3d(0, -2rem, 0);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .05);
	padding: 4rem 2rem 2rem;
	background-image: url(../img/building.jpg);
	background-position: 3rem calc(100% - 48px);
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size: 300px auto
}

@media screen and (max-width:39.9375em) {
	.ld-content--about #about {
		background: #fff
	}
}

@media screen and (min-width:40em) {
	.ld-content--about #about .overview {
		padding-left: 3rem
	}
}

.ld-content--about #about .title {
	padding: 0 3rem 2rem
}

@media screen and (max-width:39.9375em) {
	.ld-content--about #about .title {
		padding: 0;
		text-align: center
	}
}

.ld-content--about #about .content {
	padding: 0 2rem 2rem
}

@media screen and (max-width:39.9375em) {
	.ld-content--about #about .content {
		padding: 0
	}
}

.ld-content--about #about .content p {
	line-height: 2
}

.ld-content--about #team {
	padding: 2rem 0
}

.ld-content--about #team-copy {
	margin-bottom: 0
}

@media screen and (max-width:39.9375em) {
	.ld-content--about #team-copy {
		text-align: center
	}
}

.ld-content--about #team-members {
	position: relative;
	padding-top: 3rem;
	margin-bottom: 2rem
}

.ld-content--about #team-members:before {
	position: absolute;
	content: "";
	top: 18px;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 3;
	background-image: linear-gradient(#fff, hsla(0, 0%, 100%, .5) 58%, hsla(0, 0%, 100%, 0))
}

@media screen and (max-width:39.9375em) {
	.ld-content--about #team-members:before {
		display: none
	}
}

.ld-content--about .members-container {
	position: relative;
	height: 385px;
	overflow-y: scroll;
	transform: translateY(-30px)
}

.ld-content--about .members-container .ld-feature-grid__colum {
	position: relative
}

.ld-content--about .members-container .ld-feature-grid__icon {
	position: relative;
	height: 8.5rem
}

.ld-content--about .members-container .ld-feature-grid__icon .name {
	opacity: 0;
	position: absolute;
	top: 2rem;
	left: 50%;
	margin-left: -41px;
	background-color: rgba(0, 0, 0, .45);
	width: 82px;
	height: 80px;
	border-radius: 50%;
	line-height: 80px;
	text-align: center;
	color: #fefefe;
	transition: opacity .3s;
	cursor: pointer
}

.ld-content--about .members-container .ld-feature-grid__icon .name:hover {
	opacity: 1
}

.ld-content--about ul.team-nav {
	margin: 0;
	padding: 1rem 1.25rem 2rem;
	height: 370px;
	list-style: none;
	position: relative
}

.ld-content--about ul.team-nav.fixed {
	position: fixed
}

.ld-content--about ul.team-nav li {
	height: 60px;
	line-height: 60px
}

.ld-content--about ul.team-nav li a {
	position: relative;
	color: #9e9e9e
}

.ld-content--about ul.team-nav li a:before {
	content: "";
	display: block;
	position: absolute;
	left: -20px;
	top: -18px;
	height: 60px;
	width: 2px;
	background-color: transparent;
	z-index: 1;
	transition: all .2s ease
}

.ld-content--about ul.team-nav li a.active:before {
	background-color: #35c8e6
}

.ld-content--about ul.team-nav:after {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 15px;
	width: 2px;
	background: #eee;
	border-radius: 50px
}

.hero-icons {
	max-width: 960px;
	margin: 0 auto;
	margin-top: 5em
}

.hero-icons h5,
.hero-icons h6,
.hero-icons p {
	color: #fefefe
}

.hero-icons h6 {
	text-align: center;
	font-size: .875rem;
	font-weight: 500;
	margin-bottom: 7px
}

.hero-icons p {
	font-size: .8125rem;
	font-weight: 400
}

.hero-icons .column,
.hero-icons .columns {
	opacity: .7;
	transition: opacity .2s ease
}

.hero-icons .column:hover,
.hero-icons .columns:hover {
	opacity: 1
}

@media screen and (max-width:39.9375em) {
	.hero-icons .column,
	.hero-icons .columns {
		padding-bottom: 1.5em
	}
}

.hero-icons__icon {
	margin-bottom: .8125rem;
	height: 44px;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hero-icons__icon img {
	-ms-flex-item-align: end;
	align-self: flex-end
}

.products-hero {
	height: 750px
}

.products-hero .hero-copy {
	margin-top: 180px
}

.products-hero .hero-copy h1 {
	font-size: 3rem;
	font-weight: 200;
	line-height: 72px;
	margin-bottom: 28px
}

@media screen and (max-width:39.9375em) {
	.products-hero .hero-copy h1 {
		font-size: 3rem
	}
}

.products-hero .hero-copy h4 {
	font-size: 18px;
	color: #8ea0b7;
	font-weight: 400;
	line-height: 28px
}

.products-section-head {
	padding-top: 6.125rem;
	padding-bottom: 5.125rem
}

.products-section-head p {
	color: #565656;
	padding-top: 44px
}

@media screen and (max-width:39.9375em) {
	.products-section-head p {
		padding-top: 7px
	}
}

.products-section-head p.no-padding-top {
	padding-top: 0
}

.products-section-head p.more {
	font-size: 16px;
	padding-top: 0;
	padding-right: 6px;
	margin-top: -2px
}

@media screen and (max-width:39.9375em) {
	.products-section-head p.more {
		padding-right: 0;
		margin-bottom: 1rem
	}
}

.products-section-head h2+p {
	padding-top: 0
}

.products-section-head .home-feature__copy h5 {
	margin-bottom: 13px
}

.products-section-head .home-feature__bg {
	margin-top: 2em
}

.products-section-head.is-comingsoon p {
	padding-top: 5.5em
}

@media screen and (max-width:39.9375em) {
	.products-section-head.is-comingsoon p {
		padding-top: 7px
	}
}

.products-section-head--no-bottom-padding {
	padding-bottom: 0
}

.products-section-hero h5 {
	font-size: 1.125rem;
	text-align: center;
	color: #717171;
	margin-bottom: 7px
}

.products-section-hero h2 {
	font-size: 1.75rem;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 300
}

.products-section-hero p {
	font-size: 1rem;
	text-align: center;
	color: #616161
}

.products-methodspromo {
	background: transparent!important
}

.products-methodspromo .hero-icons__icon img {
	-ms-flex-item-align: center!important;
	-ms-grid-row-align: center!important;
	align-self: center!important
}

.products-methodspromo li:hover {
	transform: scale(1)!important
}

.products-methodspromo li a.block-grid-link h6 {
	color: #343434;
	margin-bottom: 3px;
	font-size: .875rem;
	padding-top: 9px;
	font-weight: 500
}

.products-methodspromo li a.block-grid-link h5 {
	margin-bottom: -6px!important
}

.products-method-icons {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: -2rem
}

.products-method-icons>ul {
	list-style: none;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	height: 155px;
	width: 3636px;
	margin-bottom: 3rem
}

.products-method-icons>ul.animate {
	animation: C 60s linear 1
}

.products-method-icons li {
	position: relative;
	text-align: justify;
	text-justify: distribute-all-lines;
	line-height: 0;
	letter-spacing: -.31em;
	float: left;
	overflow: hidden;
	height: 155px;
	width: 1818px
}

.products-method-icons>ul>li>* {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1;
	letter-spacing: 0;
	margin: 2em 7px
}

.products-iconwall {
	padding-bottom: 3.125rem;
	padding-top: 1.125rem;
	border-top: 1px solid rgba(0, 0, 0, .06)
}

.products-iconwall .iconwall-item {
	padding-left: .9375rem
}

@media screen and (min-width:64em) {
	.products-iconwall .iconwall-item {
		padding-right: 10rem
	}
}

@media screen and (max-width:39.9375em) {
	.products-iconwall .iconwall-item {
		text-align: center
	}
	.products-iconwall .iconwall-item .wall-icon {
		margin: 0 auto;
		margin-bottom: 13px
	}
	.products-iconwall .iconwall-item p {
		width: 60%;
		margin: 0 auto
	}
}

.method-icon {
	width: 188px;
	height: 122px
}

.method-icon-alipay {
	background-image: url(../img/products-methods-alipay@2x.png)
}

.method-icon-alipay,
.method-icon-wechat {
	background-size: contain;
	background-repeat: no-repeat
}

.method-icon-wechat {
	background-image: url(../img/products-methods-wechat@2x.png)
}

.method-icon-applepay {
	background-image: url(../img/products-methods-applepay@2x.png)
}

.method-icon-applepay,
.method-icon-unionpay {
	background-size: contain;
	background-repeat: no-repeat
}

.method-icon-unionpay {
	background-image: url(../img/products-methods-unionpay@2x.png)
}

.method-icon-cmb {
	background-image: url(../img/products-methods-cmb@2x.png)
}

.method-icon-cmb,
.method-icon-visa {
	background-size: contain;
	background-repeat: no-repeat
}

.method-icon-visa {
	background-image: url(../img/products-methods-visa@2x.png)
}

.method-icon-mastercard {
	background-image: url(../img/products-methods-mastercard@2x.png)
}

.method-icon-fenqile,
.method-icon-mastercard {
	background-size: contain;
	background-repeat: no-repeat
}

.method-icon-fenqile {
	background-image: url(../img/products-methods-fenqile@2x.png)
}

.method-icon-qq {
	background-image: url(../img/products-methods-qq@2x.png);
	background-size: contain;
	background-repeat: no-repeat
}

@keyframes C {
	0% {
		transform: translateX(0)
	}
	to {
		transform: translateX(-50%)
	}
}

@keyframes D {
	0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(180deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.label-comingsoon {
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 3px;
	font-size: .8125rem;
	color: rgba(0, 0, 0, .4);
	letter-spacing: .04px;
	padding: .2em .5em;
	display: inline-block;
	margin-bottom: 2em
}

.payments-carousel {
	height: 660px;
	overflow: hidden
}

.payments-carousel :focus {
	outline: none
}

.payments-carousel .orbit-container {
	height: 480px;
	position: relative;
	overflow: inherit
}

@media screen and (max-width:39.9375em) {
	.payments-carousel .orbit-container {
		height: 380px
	}
}

.payments-carousel .orbit-slide {
	height: 480px;
	position: relative
}

@media screen and (max-width:39.9375em) {
	.payments-carousel .orbit-slide {
		height: 380px
	}
}

.payments-carousel .slide-text {
	position: absolute;
	bottom: -130px;
	height: 60px;
	text-align: center;
	width: 100%;
	z-index: 9
}

.payments-carousel .slide-text p {
	margin-bottom: 7px;
	font-size: .875rem
}

@media screen and (max-width:39.9375em) {
	.payments-carousel .slide-text {
		bottom: -160px
	}
}

.payments-carousel .product-slide {
	height: 480px;
	overflow: hidden
}

@media screen and (max-width:39.9375em) {
	.payments-carousel .product-slide {
		height: 380px
	}
	.payments-carousel .product-slide img {
		max-width: 800px
	}
}

.payments-carousel .orbit-next {
	right: 1em
}

.payments-carousel .orbit-next:active,
.payments-carousel .orbit-next:focus,
.payments-carousel .orbit-next:hover,
.payments-carousel .orbit-next:visited {
	background: rgba(0, 0, 0, .1)
}

.payments-carousel .orbit-bullets {
	padding: 1em 0 7em
}

.payments-carousel .orbit-bullets button {
	width: auto;
	background: none;
	color: #848484;
	padding: 0 .5em;
	border-radius: 0
}

.payments-carousel .orbit-bullets button.is-active {
	color: #0a0a0a
}

.shadow-mask {
	height: 150px;
	width: 100%;
	background: url(../img/products-carousel-mask.png);
	background-repeat: no-repeat;
	background-size: 648px 88px;
	background-position: bottom;
	position: absolute;
	bottom: -2px;
	z-index: 9
}

.products-account-preview .content {
	height: 390px;
	overflow: hidden;
	position: relative;
	text-align: center
}

@media screen and (max-width:39.9375em) {
	.products-account-preview .content {
		height: 180px
	}
}

.products-account-preview .content img {
	margin: 0 auto
}

.products-account-preview .shadow-mask {
	bottom: 0
}

.products-account-preview .description {
	padding: 1.125rem 0 5.125rem
}

.products-account-preview .description h6 {
	font-size: .875rem;
	text-align: center;
	margin-bottom: 7px
}

.products-account-preview .description p {
	font-size: .8125rem;
	text-align: center
}

.products-platform-bg {
	height: 350px;
	width: 100%;
	padding-top: 20px;
	overflow: hidden
}

.products-platform-bg .sun {
	height: 672px;
	width: 672px;
	margin: 0 auto;
	background: url(../img/products-platform-sun.png);
	background-size: 672px 662px;
	background-position: 50%;
	background-repeat: no-repeat;
	animation: D 30s linear infinite
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.products-platform-bg .sun {
		background: url(../img/products-platform-sun@2x.png);
		background-size: 672px 662px;
		background-repeat: no-repeat
	}
}

.products-tool-card {
	text-align: center;
	margin-bottom: 5.125rem
}

.products-tool-card .products-tool-card-image {
	height: 150px
}

.products-tool-card h6,
.products-tool-card p {
	text-align: center;
	font-size: .875rem
}

.products-tool-card h6 {
	margin-top: 26px;
	margin-bottom: 7px;
	color: #313131
}

.products-tool-card p.more {
	font-size: 16px
}

.hero-campagin {
	width: 100%;
	padding-top: 30px;
	height: 593px;
	background-image: url(../img/bg-hero-campagin.png);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 10rem;
	padding-bottom: 0
}

.hero-campagin h1,
.hero-campagin h2,
.hero-campagin h3,
.hero-campagin h4,
.hero-campagin h5,
.hero-campagin p {
	text-align: left
}

.hero-campagin h5 {
	color: #9e9e9e
}

.hero-campagin p {
	margin-top: 12px;
	color: #616161
}

@media screen and (max-width:39.9375em) {
	.hero-campagin .home-feature__bg.campaigns {
		margin-top: 10px
	}
}

#campagin-features .section-title,
#campagin-functions .section-title {
	color: #9e9e9e;
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	#campagin-features .section-title,
	#campagin-functions .section-title {
		text-align: center
	}
}

#campagin-features p,
#campagin-functions p {
	margin-top: 12px;
	color: #616161
}

@media screen and (max-width:39.9375em) {
	#campagin-features p,
	#campagin-functions p {
		text-align: center
	}
}

#campagin-features .column-title,
#campagin-functions .column-title {
	position: relative;
	padding-bottom: 16px;
	font-size: 24px;
	color: #333
}

#campagin-features .column-title:after,
#campagin-functions .column-title:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background-color: #ebebeb
}

@media screen and (max-width:39.9375em) {
	#campagin-features .column-title,
	#campagin-functions .column-title {
		text-align: center
	}
	#campagin-features .column-title:after,
	#campagin-functions .column-title:after {
		left: 50%;
		width: 40px;
		margin-left: -20px;
		background: #9e9e9e
	}
}

#campagin-functions {
	border-bottom: 1px solid #eee
}

#campagin-functions .row.align-center {
	padding-bottom: 2rem
}

#campagin-functions .column-large-padding {
	margin-bottom: 3rem
}

#campagin-features .column-large-padding {
	padding: 0 2rem
}

#campagin-features .column-large-padding:first-child {
	margin-bottom: 6rem
}

@media screen and (max-width:39.9375em) {
	#campagin-features .column-large-padding,
	#campagin-features .column-large-padding:first-child {
		margin-bottom: 4rem
	}
}

#campagin-functions {
	border-top: 1px solid #ebebeb
}

#campagin-functions .item-icon {
	padding-bottom: 1rem
}

@media screen and (max-width:39.9375em) {
	#campagin-functions .item-icon {
		text-align: center;
		padding-bottom: 1rem
	}
}

#campagin-functions h5 {
	margin-bottom: .5rem
}

@media screen and (max-width:39.9375em) {
	#campagin-functions h5 {
		text-align: center
	}
}

#campagin-functions p {
	margin-top: 0
}

#campagin-functions .column-large-padding {
	padding: 0 2rem
}

#campagin-functions .column-large-padding:first-child {
	margin-bottom: 3rem
}

@media screen and (max-width:39.9375em) {
	#campagin-functions .column-large-padding,
	#campagin-functions .column-large-padding:first-child {
		margin-bottom: 3rem
	}
}

#campagin-overview {
	padding: 4rem 0;
	position: relative;
	overflow: hidden
}

#campagin-overview .bg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 605px;
	height: 100%;
	transform: translateX(-50%);
	background-image: url(../img/campagin-bg1.png);
	background-repeat: no-repeat;
	background-size: cover
}

@media screen and (max-width:66.5em) and (min-width:40em) {
	.hide-for-medium-only.medium {
		display: none!important
	}
}

@media screen and (max-width:73.5em) and (min-width:40em) {
	.hide-for-medium-only.large {
		display: none!important
	}
}

@media screen and (max-width:39.9375em) {
	.hero-balance {
		padding-top: 6rem
	}
}

.hero-section-head {
	padding-top: 2.125rem;
	padding-bottom: 3.125rem
}

@media screen and (max-width:39.9375em) {
	.hero-section-head {
		padding-bottom: 2.125rem
	}
}

.hero-section-head h5 {
	color: #9e9e9e
}

.hero-section-head p {
	padding-top: 50px
}

@media screen and (max-width:39.9375em) {
	.hero-section-head p {
		padding-top: 7px
	}
}

.balance-features-overview {
	padding-top: 2rem
}

.balance-features-overview .list-item {
	max-width: 240px
}

.balance-features-overview .list-item .title {
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	.balance-features-overview .list-item .title {
		margin-bottom: 0
	}
}

.balance-features-overview .list-item dl dt {
	position: relative;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	margin-bottom: 20px
}

.balance-features-overview .list-item dl dt:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	background-color: #d3d3d3
}

.balance-features-overview .list-item dl dd {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300;
	margin-bottom: .6rem
}

.balance-features-overview .list-item .section-business {
	min-height: 180px
}

@media screen and (max-width:39.9375em) {
	.balance-features-overview .list-item .section-business {
		min-height: 0
	}
}

@media screen and (max-width:39.9375em) {
	.balance-features-overview .list-item {
		max-width: 100%
	}
	.balance-features-overview .list-item:first-child {
		margin-bottom: 3rem
	}
}

.balance-features-overview .more {
	margin-top: 3rem;
	text-align: center;
	color: #8a8a8a
}

@media screen and (max-width:39.9375em) {
	.balance-features-overview .more {
		margin-top: 0
	}
}

.balance-features-scene {
	position: relative;
	padding: 4rem 0 0;
	background: transparent;
	overflow: hidden;
	transition: all .4s
}

.balance-features-scene .desc-text {
	z-index: 2;
	line-height: 1.7;
	margin-bottom: 60px
}

.balance-scene-menu {
	z-index: 2;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
	margin-bottom: 6.33333%;
	text-align: center
}

@media screen and (max-width:39.9375em) {
	.balance-scene-menu {
		font-size: 14px;
		margin-bottom: 50px
	}
}

.balance-scene-menu li {
	padding: 0 40px;
	border-right: 1px solid #ccc;
	display: inline-block
}

.balance-scene-menu li:last-child {
	border-right: none
}

@media screen and (max-width:39.9375em) {
	.balance-scene-menu li {
		padding: 0 10px;
		border-right: none
	}
}

.balance-scene-menu li a {
	cursor: pointer;
	color: #999
}

.balance-scene-menu li a.active {
	color: #333
}

.balance-scene-canvas {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	z-index: -1
}

.balance-scene-canvas .product-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	opacity: 0
}

.balance-scene-canvas .product-bg.transfer-in {
	background-image: linear-gradient(-1deg, #fafafa, #f5fafc 68%, #fafafa)
}

.balance-scene-canvas .product-bg.transfer-out {
	background-image: linear-gradient(-180deg, #fafbfa, #f9fef3 68%, #fafbfa)
}

.balance-scene-canvas .product-bg.coupons {
	background-image: linear-gradient(180deg, #fafafa, #fff5f0 70%, #fafafa)
}

.balance-scene-canvas .product-bg.active {
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1);
	opacity: 1
}

.balance-scene-container {
	position: relative;
	height: 605px;
	width: 311px;
	margin: auto
}

.balance-scene-container .balance-scene-wallpaper {
	position: relative;
	width: 311px;
	height: 605px;
	padding: 75px 32px 64px;
	background-image: url(../img/device-frame-iphone.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	overflow: hidden
}

.balance-scene-container .balance-scene-wallpaper .swiper-container {
	position: relative;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .4);
	overflow: hidden
}

.balance-scene-container .balance-scene-wallpaper .swiper-container .swiper-wrapper {
	position: relative;
	width: 340%;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	transition-property: transform
}

.balance-scene-container .balance-scene-wallpaper .swiper-container .swiper-slide {
	width: 33.33333%;
	height: 435px;
	max-width: 246px;
	margin-right: 34px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.balance-scene-container .balance-scene-wallpaper .swiper-container .product-transfer-in {
	background-image: url(../img/screen-transferIn.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.balance-scene-container .balance-scene-wallpaper .swiper-container .product-transfer-in {
		background-image: url(../img/screen-transferIn@2x.png)
	}
}

.balance-scene-container .balance-scene-wallpaper .swiper-container .product-transfer-out {
	background-image: url(../img/screen-transferOut.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.balance-scene-container .balance-scene-wallpaper .swiper-container .product-transfer-out {
		background-image: url(../img/screen-transferOut@2x.png)
	}
}

.balance-scene-container .balance-scene-wallpaper .swiper-container .product-coupons {
	background-image: url(../img/screen-coupons.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	.balance-scene-container .balance-scene-wallpaper .swiper-container .product-coupons {
		background-image: url(../img/screen-coupons@2x.png)
	}
}

.balance-scene-container .text-wrapper {
	position: absolute;
	right: -170px;
	top: 50%;
	width: 160px;
	transform: translateY(-30%)
}

.balance-scene-container .text-wrapper h6 {
	font-size: .8125rem;
	margin-bottom: 4px
}

.balance-scene-container .text-wrapper p {
	font-size: .75rem;
	color: #333
}

.balance-scene-container .text-wrapper .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.balance-scene-container .text-wrapper .content .first,
.balance-scene-container .text-wrapper .content .second,
.balance-scene-container .text-wrapper .content .third,
.balance-scene-container .text-wrapper .content .title {
	margin-bottom: 10px;
	opacity: 0;
	transform: translate3d(20px, 0, 0);
	transition: opacity .25s cubic-bezier(.25, .46, .45, .94), transform .5s cubic-bezier(.19, 1, .22, 1);
	font-weight: 300
}

.balance-scene-container .text-wrapper .content.active .first,
.balance-scene-container .text-wrapper .content.active .second,
.balance-scene-container .text-wrapper .content.active .third,
.balance-scene-container .text-wrapper .content.active .title {
	opacity: 1;
	transform: translateZ(0)
}

.balance-scene-container .text-wrapper .content.active .title {
	transition-delay: .15s
}

.balance-scene-container .text-wrapper .content.active .first {
	transition-delay: .17s
}

.balance-scene-container .text-wrapper .content.active .second {
	transition-delay: .19s
}

.balance-scene-container .text-wrapper .content.active .third {
	transition-delay: .21s
}

.balance-main-features {
	background: linear-gradient(-60deg, #ffa43e, #ffe23d);
	color: #fff
}

.balance-main-features .main-feature-icon {
	width: 189px;
	height: 160px;
	background-image: url(../img/icon-sun.svg);
	background-size: cover;
	background-repeat: no-repeat
}

@media screen and (max-width:39.9375em) {
	.balance-main-features .main-feature-icon {
		margin: 0 auto
	}
}

.balance-main-features .main-feature-content {
	padding-top: 2rem
}

@media screen and (max-width:39.9375em) {
	.balance-main-features .main-feature-content {
		text-align: center;
		padding-bottom: 2rem
	}
}

.shop-platform-wrapper {
	overflow: hidden;
	margin-top: -3rem
}

.hero.hero-platform {
	padding-top: 4rem;
	padding-bottom: 3rem
}

.hero.hero-platform .products-section-head {
	padding-bottom: 6rem
}

.hero.hero-platform .products-section-head h5 {
	color: #9e9e9e
}

.hero.hero-platform .products-section-head p {
	padding-top: 48px
}

@media screen and (max-width:39.9375em) {
	.hero.hero-platform .products-section-head p {
		padding-top: 8px
	}
}

.hero-platform-bg {
	background-image: linear-gradient(-180deg, #fdfcf9, #fcfaf0 95%);
	padding-top: 160px
}

.hero-platform-bg .sun {
	height: 796px;
	width: 796px;
	margin: 0 auto;
	background: url(../img/products-platform-sun--large.png);
	background-size: 796px 796px;
	background-position: 50%;
	background-repeat: no-repeat;
	animation: D 30s linear infinite
}

.pp-platform-intro {
	padding: 1rem 0
}

.pp-platform-intro h5 {
	font-size: 1.125rem;
	text-align: center;
	color: #717171;
	margin-bottom: 7px
}

.pp-platform-intro p {
	color: #616161
}

.pp-platform-grid>.row {
	position: relative
}

.pp-platform-grid>.row:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 1px;
	background-color: #e1e1e1
}

@media screen and (max-width:39.9375em) {
	.pp-platform-grid>.row:after {
		display: none
	}
}

.pp-platform-grid__gray {
	background-color: #f7f6f3
}

.pp-platform-grid .grid-item {
	max-width: 312px;
	margin: 0 auto;
	text-align: center
}

@media screen and (max-width:39.9375em) {
	.pp-platform-grid .grid-item {
		margin-top: 2rem
	}
}

.pp-platform-grid .grid-item__icon {
	height: 88px;
	margin-bottom: 1rem
}

.pp-platform-grid .grid-item p {
	color: #565656
}

.pp-platform-grid .grid-divider {
	height: 10px;
	width: 100%;
	background-color: #fff
}

.ld-content#scene {
	position: relative
}

.ld-content#scene>.row {
	padding: 8rem 0 4rem
}

@media screen and (max-width:39.9375em) {
	.ld-content#scene>.row {
		padding: 4rem 0
	}
}

.ld-content#scene .scene-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-image: linear-gradient(#fdfcf9, #fcfaf0 38%, #fff8c4);
	z-index: -1
}

.ld-content#scene .scene-bg .sun {
	height: 796px;
	width: 796px;
	margin: 0 auto;
	background: url(../img/products-platform-sun--large.png);
	background-size: 796px 796px;
	background-position: 50%;
	background-repeat: no-repeat;
	transform: translateY(-58%) rotate(175deg)
}

@media screen and (max-width:39.9375em) {
	.ld-content#scene .scene-bg .sun {
		opacity: 0
	}
}

.ld-content#scene .title {
	text-align: center;
	margin-bottom: 2.5rem
}

@media screen and (max-width:39.9375em) {
	.ld-content#scene .title {
		margin-bottom: 2rem
	}
}

.ld-content#scene .content dl {
	color: #313131;
	padding-left: 3rem
}

@media screen and (max-width:39.9375em) {
	.ld-content#scene .content dl {
		text-align: center;
		padding-left: 0
	}
}

.ld-content#scene .content dt {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: .75rem
}

.ld-content#scene .content dd {
	font-weight: 200
}

@media screen and (max-width:39.9375em) {
	.ld-content#features .grid-item {
		margin-top: 2.5rem
	}
}

@media screen and (max-width:39.9375em) {
	.ld-content#features .grid-item:first-child {
		margin-top: 1.5rem
	}
}

.ld-content#features .grid-item__icon {
	height: 93px;
	margin-bottom: 2rem
}

@media screen and (max-width:39.9375em) {
	.ld-content#features .grid-item__icon {
		margin-bottom: 1rem
	}
}

.ld-content#features h5 {
	margin-bottom: 8px
}

.ld-content#features p {
	font-size: 14px;
	color: #616161;
	padding: 0 3em
}

.pro-consult {
	position: fixed;
	bottom: 1.875rem;
	right: 2.25rem;
	z-index: 100
}

.pro-consult .button {
	font-size: .9375rem
}

.pro-slide {
	display: -ms-flexbox;
	display: flex;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: fixed;
	top: 0;
	bottom: 0;
	right: -26.25rem;
	width: 26.25rem;
	background-color: #fff;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
	z-index: 1001;
	transform: translateZ(0);
	-webkit-transform: translateZ(0)
}

.pro-slide.down {
	animation: G .5s
}

.pro-slide.on {
	right: 0;
	animation: F .5s
}
#consult{padding: 0;background-color: #FFFFFF;width: 39px;height: 39px;border-radius:50% ;background-color: rgba(42,180,243,1);box-shadow: 0 3px 6px rgba(42,180,243,.5);}
.pro-con {
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	padding: 3.125rem 3.125rem 1.25rem;
	overflow-y: scroll
}

.pro-con .button {
	margin-top: 1.5rem
}

.pro-txt {
	color: #909090;
	font-size: 16px
}

.pos-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0)
}

.pro-ico {
	position: relative;
	display: block;
	margin-bottom: 55px
}

.pro-ico .pro-icon-success.pro-draw:after {
	animation: E 1s ease .1s;
	animation-fill-mode: forwards;
	transform: scaleX(1) rotate(135deg)
}

.pro-ico .pro-icon-success:after {
	position: absolute;
	right: 95px;
	top: -55px;
	opacity: 1;
	height: 84px;
	width: 40px;
	transform-origin: right bottom;
	border-right: 4px solid #35c8e6;
	border-top: 4px solid #35c8e6;
	border-radius: 2px;
	content: ""
}

@keyframes E {
	0% {
		height: 0;
		width: 0;
		opacity: 0
	}
	20% {
		height: 40px;
		width: 0;
		opacity: 1
	}
	40% {
		height: 40px;
		width: 44px;
		opacity: 1
	}
	to {
		height: 40px;
		width: 84px;
		opacity: 1
	}
}

select.sel {
	background-color: #fbfbfb;
	border-radius: 3px;
	outline: 0
}

.pro-close-outer {
	-moz-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	position: relative;
	background-color: #fff;
	border-top: 1px solid #f8f8f8
}

.pro-close-outer .pro-tip {
	position: relative;
	margin-left: 50px;
	margin-top: 46px;
	margin-bottom: 46px;
	font-size: 13px;
	color: #aaa
}

.pro-close-outer .pro-tip strong {
	position: relative;
	color: #707070;
	cursor: pointer
}

.pro-close-outer .pro-tip strong:hover+img {
	display: block
}

.pro-close-outer .pro-tip img {
	position: absolute;
	left: 0;
	top: -7.75rem;
	display: none;
	width: 7.625rem;
	height: 8.0625rem
}

.pro-close-outer .pro-close {
	position: absolute;
	right: 36px;
	top: 30px;
	border: 1px solid #f0f0f0;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	text-align: center;
	background-color: #fff
}

.pro-close-outer .pro-close:hover {
	background-color: #f0f0f0
}

.pro-close-outer .pro-close:after {
	font-family: icomoon!important;
	/*content: "\e117";*/
	color: #707070;
	font-size: 1.25rem;
	line-height: 3.125rem;
	font-weight: 200
}

@media screen and (max-width:39.9375em) {
	.pro-consult {
		bottom: 0;
		right: 0;
		left: 0;
		padding: .5rem 0;
		/*background-color: #fff;*/
		/*box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .05);*/
		text-align: right
	}
	.pro-con {
		padding: 1.75rem
	}
	.pro-slide {
		right: -100%;
		bottom: 0;
		width: 100%;
		padding-bottom: 3.4375rem
	}
	.pro-slide h3 {
		text-align: center;
		font-size: 1.4375rem
	}
	.pro-slide .button {
		display: block;
		width: 100%;
		margin-top: 1.2rem
	}
	.pro-slide.on {
		right: 0
	}
	.pro-tip {
		display: none
	}
	.pro-close-outer .pro-close {
		position: absolute;
		border: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 3.4375rem;
		line-height: 3.4375rem;
		border-radius: 0;
		text-align: center;
		background-color: #fff
	}
	.pro-close-outer .pro-close:hover {
		background-color: #f0f0f0
	}
	.pro-close-outer .pro-close:after {
		font-family: icomoon!important;
		/*content: "\e117";*/
		color: #707070;
		font-size: 1.25rem;
		line-height: 3.125rem;
		font-weight: 200
	}
	footer {
		padding-bottom: 4.375rem
	}
}

@keyframes F {
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes G {
	0% {
		transform: translate3d(-100%, 0, 0)
	}
	to {
		transform: translateZ(0)
	}
}

.clearfix:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	width: 0;
	overflow: hidden
}

.left {
	float: left
}

.right {
	float: right
}

.pt50 {
	padding-top: 50px
}

p {
	margin-bottom: 0
}

@media screen and (max-width:320px) {
	html {
		font-size: 14px
	}
}

.solution-hero {
	height: 486px;
	background: url(../img/solution-bg.png) top no-repeat
}

.solution-hero .hero-con {
	padding-top: 30px;
	padding-left: 144px
}

.solution-hero h1 {
	margin-bottom: 23px;
	color: #fff;
	font-size: 48px;
	line-height: 59px;
	text-align: left
}

.solution-hero p {
	font-size: 24px;
	color: #cbe4ff;
	text-align: left
}

.solution-hero-sm {
	background: url(../img/solution-bg.png) top no-repeat;
	background-size: cover
}

.solution-hero-sm .text-center {
	padding: 0 55px
}

.solution-hero-sm h1 {
	margin-bottom: 12px;
	color: #fff;
	font-size: 34px;
	line-height: 44px
}

.solution-hero-sm p {
	font-size: 20px;
	color: #cbe4ff
}

.solution-menu {
	padding: 20px 10%;
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	font-size: 14px;
	letter-spacing: .35px
}

.solution-menu nav {
	display: inline-block;
	color: #212121
}

.solution-menu nav.active,
.solution-menu nav:hover {
	color: #1dc5dc;
	cursor: pointer
}

.solution-menu span.more {
	display: inline-block;
	color: #999
}

.solution-menu span.more.active,
.solution-menu span.more:hover {
	color: #999;
	cursor: default
}

.solution-electricity {
	background-color: #fafbfc
}

.solution-electricity p {
	margin: 0;
	line-height: 28px
}

.moudle-1 {
	width: 65%;
	margin: 0 auto;
	padding: 100px 0
}

.moudle-1 .large-6 {
	padding-right: 30px
}

.moudle-1 h5 {
	margin-bottom: 0;
	font-size: 20px;
	color: #9e9e9e;
	line-height: 28px
}

.moudle-1 p {
	font-size: 34px;
	font-weight: 300;
	color: #212121;
	line-height: 44px
}

.moudle-1 img {
	width: 100%;
	height: auto
}

.moudle-1.show-for-small-only {
	width: 75%;
	padding: 30px 0 100px;
	text-align: center
}

.moudle-1.show-for-small-only .large-6 {
	padding-right: 0
}

.moudle-1.show-for-small-only h5 {
	margin-bottom: 10px
}

.moudle-1.show-for-small-only p {
	margin-bottom: 40px;
	font-size: 28px;
	line-height: 36px
}

.moudle-2 {
	padding: 75px 0;
	text-align: center;
	background: #eef2f7
}

.moudle-2 .step {
	width: 80%;
	height: 186px;
	margin: 100px auto
}

.moudle-2 .step img {
	width: 100%;
	height: auto
}

.moudle-2 .trend {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

.moudle-2 .trend>* {
	padding: 0 2%;
	margin: 60px 0 20px
}

.moudle-2 .trend .trend-img {
	display: inline-block;
	width: 171px;
	height: 139px;
	margin-bottom: 30px;
	background-size: cover
}

/*.moudle-2 .trend .trend-img-1 {
	background-image: url(../img/solution-9.png)
}

.moudle-2 .trend .trend-img-2 {
	background-image: url(../img/solution-10.png)
}

.moudle-2 .trend .trend-img-3 {
	background-image: url(../img/solution-11.png)
}*/

.moudle-2 .trend h4 {
	font-size: 24px;
	color: #477bbf;
	line-height: 28px
}

.moudle-2 .trend p {
	font-size: 16px;
	color: #212121;
	line-height: 28px
}

.moudle-3 {
	width: 80%;
	padding: 81px 63px 40px;
	margin: -40px auto 40px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .05);
	box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .05)
}

.moudle-3 h2 {
	margin-bottom: 62px
}

.moudle-3 .feature-img {
	float: left;
	min-height: 463px;
	background: url(../img/solution-3.png) 0 100% no-repeat;
	background-size: 100%
}

.moudle-3 .feature-img-1 {
	float: left;
	min-height: 463px;
	background: url(../img/solution-13.png) 0 100% no-repeat;
	background-size: 286px 464px
}

.moudle-3 .feature {
	float: left
}

.moudle-3 .feature .clearfix {
	margin-bottom: 65px
}

.moudle-3 .feature h3 {
	float: left;
	font-size: 28px;
	color: #9e9e9e
}

.moudle-3 .feature .feature-item {
	float: left;
	width: 85%;
	padding-left: 62px
}

.moudle-3 .feature .feature-item h4 {
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
	color: #212121;
	line-height: 28px
}

.moudle-3.show-for-small-only {
	padding: 58px 26px 40px
}

.moudle-3.show-for-small-only h2 {
	margin-bottom: 23px;
	text-align: center
}

.moudle-3.show-for-small-only .feature-img {
	float: none;
	width: 100%;
	min-height: 291px;
	margin-bottom: 30px;
	background: url(../img/solution-3.png) 0 100% no-repeat;
	background-size: 100%
}

.moudle-3.show-for-small-only .feature-img.tour {
	background: url(../img/solution-7.png) 0 100% no-repeat
}

.moudle-3.show-for-small-only .feature-img-1 {
	float: none;
	width: 170px;
	min-height: 276px;
	margin: 0 auto 30px;
	background: url(../img/solution-12.png) 0 100% no-repeat;
	background-size: 170px 276px
}

.moudle-3.show-for-small-only .feature {
	float: none
}

.moudle-3.show-for-small-only .feature h3 {
	float: none;
	text-align: center
}

.moudle-3.show-for-small-only .feature .feature-item {
	float: none;
	width: 100%;
	padding-left: 0;
	text-align: center
}

.mark-icon {
	display: inline-block;
	margin-bottom: 24px;
	background-size: cover
}

.mark-icon-1 {
	width: 57px;
	height: 48px;
	background-image: url(../img/arrows.png)
}

.mark-icon-2 {
	width: 47px;
	height: 46px;
	margin-bottom: 25px;
	background-image: url(../img/users.png)
}

.mark-icon-3 {
	width: 54px;
	height: 37px;
	margin-bottom: 28px;
	background-image: url(../img/group2.png)
}

.mark-icon-4 {
	width: 50px;
	height: 50px;
	margin-bottom: 18px;
	background-image: url(../img/group3.png)
}

.mark-icon-5 {
	background-image: url(../img/merchants.png)
}

.mark-icon-5,
.mark-icon-6 {
	width: 57px;
	height: 50px;
	margin-bottom: 20px
}

.mark-icon-6 {
	background-image: url(../img/order-icon.png)
}

.moudle-4 {
	padding: 60px 14%
}

.moudle-4 h2 {
	margin-bottom: 73px;
	padding-left: 10%
}

.moudle-4 .plan {
	float: left;
	width: 49.9%;
	min-height: 350px;
	padding-left: 10%
}

.moudle-4 .plan h4 {
	width: 70%;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
	color: #212121;
	line-height: 28px
}

.moudle-4 .plan p {
	width: 70%
}

.moudle-4.show-for-small-only {
	padding-bottom: 0
}

.moudle-4.show-for-small-only h2 {
	text-align: center;
	padding-left: 0
}

.moudle-4.show-for-small-only .plan {
	float: none;
	width: 100%;
	min-height: 300px;
	padding-left: 0;
	text-align: center
}

.moudle-4.show-for-small-only .plan h4,
.moudle-4.show-for-small-only .plan p {
	width: 100%
}

.moudle-5 {
	padding-top: 76px;
	background-color: #ebf0f5
}

.moudle-5 h2 {
	margin-bottom: 80px
}

.moudle-5 .image {
	width: 80%;
	height: auto;
	margin: 0 auto 70px
}

.moudle-5 .image img {
	width: 100%;
	height: auto
}

.moudle-5 .image.show-for-small-only {
	padding-bottom: 50px
}

.moudle-5 .title {
	float: left;
	width: 33.33%;
	padding-bottom: 30px;
	font-size: 18px;
	text-align: center;
	border-bottom: 7px solid #4ebff8
}

.moudle-5 .title:nth-child(2) {
	border-bottom: 7px solid #74d7fe
}

.moudle-5 .title:last-child {
	border-bottom: 7px solid #3672ba
}

.moudle-6 {
	width: 653px;
	padding: 90px 0;
	margin: 0 auto
}

.moudle-6 h2 {
	margin-bottom: 100px
}

.moudle-6 .phone {
	position: relative;
	float: left;
	width: 311px;
	height: 605px;
	background: url(../img/device-frame-iphone.png);
	background-size: cover
}

.moudle-6 .phone .scen {
	position: absolute;
	top: 70px;
	left: 33px;
	width: 245px;
	height: 435px;
	background-size: cover;
	border: 1px solid #757575
}

.moudle-6 .phone .scen-0 {
	background-image: url(../img/scen-4.png)
}

.moudle-6 .phone .scen-1 {
	background-image: url(../img/scen-3.png)
}

.moudle-6 .phone .scen-2 {
	background-image: url(../img/scen-2.png)
}

.moudle-6 .phone .scen-3 {
	background-image: url(../img/scen-1.png)
}

.moudle-6 .tab-outer {
	float: left;
	width: 320px;
	padding-top: 30px
}

.moudle-6 .tab-outer a {
	display: block;
	margin-left: 40px;
	margin-bottom: 20px;
	width: 320px;
	padding: 24px 54px;
	box-sizing: border-box;
	color: #848484;
	font-weight: 300
}

.moudle-6 .tab-outer a h4 {
	margin-bottom: 0;
	font-size: 20px
}

.moudle-6 .tab-outer a.active {
	position: relative;
	background: #f5f7f8;
	border-radius: 4px;
	color: #212121
}

.moudle-6 .tab-outer a.active:after {
	position: absolute;
	top: 50%;
	left: -20px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -10px;
	border-width: 10px;
	border-color: transparent #f5f7f8 transparent transparent;
	border-style: solid;
	content: ""
}

.moudle-6.show-for-small-only {
	position: relative;
	padding-top: 0;
	width: 100%;
	text-align: center;
	overflow: hidden
}

.moudle-6.show-for-small-only h2 {
	margin-bottom: 50px
}

.moudle-6.show-for-small-only .arrow-s-l,
.moudle-6.show-for-small-only .arrow-s-r {
	position: absolute;
	top: 180px;
	display: inline-block;
	width: 10px;
	height: 20px;
	z-index: 1
}

.moudle-6.show-for-small-only .arrow-s-l {
	left: 50px;
	background: url(../img/arrow-s-l.png);
	background-size: cover
}

.moudle-6.show-for-small-only .arrow-s-r {
	right: 35px;
	background: url(../img/arrow-s-r.png);
	background-size: cover
}

.moudle-6.show-for-small-only .phone {
	float: none;
	margin: 0 auto
}

.moudle-6.show-for-small-only .tab-outer-s {
	position: relative;
	width: 83em;
	left: 1.6em;
	overflow: hidden
}

.moudle-6.show-for-small-only .tab-outer-s a {
	float: left;
	margin: 20px 5px;
	display: block;
	width: 20em;
	height: 136px;
	padding: 24px 54px;
	box-sizing: border-box;
	background: #f5f7f8;
	border-radius: 4px;
	color: #212121;
	font-weight: 300
}

.moudle-6.show-for-small-only .tab-outer-s a h4 {
	margin-bottom: 0;
	font-size: 20px
}

.moudle-6.show-for-small-only .tab-outer-s a p {
	font-size: 16px
}

@media screen and (max-width:414px) and (min-width:380px) {
	.tab-outer-s {
		font-size: 18px
	}
}

.moudle-7 {
	width: 75%;
	margin: 0 auto;
	padding: 87px 0
}

.moudle-7 .tab {
	margin: 80px 0 100px;
	text-align: center
}

.moudle-7 .tab a {
	display: inline-block;
	padding: 0 2%;
	margin-left: -4px;
	font-size: 16px;
	line-height: 28px;
	color: #848484;
	border-right: 1px solid #d5d5d5;
	text-align: center
}

.moudle-7 .tab a:last-child {
	border-right: 0
}

.moudle-7 .tab a.active,
.moudle-7 .tab a:hover {
	color: #212121
}

.moudle-7.show-for-small-only {
	width: 100%;
	padding-top: 0
}

.moudle-7.show-for-small-only .tab {
	padding: 0;
	margin: 40px 0 80px
}

.moudle-7.show-for-small-only .tab a {
	padding: 0 2%;
	font-size: 12px;
	line-height: 20px
}

.moudle-7.show-for-small-only .tab-con .info-img-1 {
	float: none;
	height: 230px
}

.moudle-7.show-for-small-only .tab-con .info {
	float: none;
	width: 100%;
	padding: 0 5% 60px;
	text-align: center
}

.moudle-7.show-for-small-only .info-img-2,
.moudle-7.show-for-small-only .info-img-3,
.moudle-7.show-for-small-only .info-img-4 {
	float: none;
	height: 230px
}

.moudle-7 .tab-con .info-img-1 {
	float: right;
	width: 100%;
	height: 386px;
	border: 1px solid #dfe0e0;
	border-radius: 4px;
	background: url(../img/info-img-3.png);
	background-size: cover
}

.moudle-7 .tab-con .info {
	float: left;
	padding-right: 70px
}

.moudle-7 .info-img-2 {
	background: url(../img/info-img-1.png);
	background-size: cover
}

.moudle-7 .info-img-2,
.moudle-7 .info-img-3 {
	float: right;
	width: 100%;
	height: 386px;
	border: 1px solid #dfe0e0;
	border-radius: 4px
}

.moudle-7 .info-img-3 {
	background: url();
	background-size: cover
}

.moudle-7 .info-img-4 {
	float: right;
	width: 100%;
	height: 386px;
	border: 1px solid #dfe0e0;
	border-radius: 4px;
	background: url();
	background-size: cover;
	background-position: -3px 0
}

.moudle-7 .logo-collection {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

.moudle-7 .logo-collection img {
	height: 40px;
	width: auto
}

.solution-footer {
	padding: 86px 0 50px;
	background-color: #f9f9f9;
	text-align: center
}

.solution-footer .txt {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 300;
	color: #4d4d4d
}

ul.device-wall.device-wall--en .device.web {
	background-image: url(../img/web-chrome-en.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall.device-wall--en .device.web {
		background-image: url(../img/web-chrome-en@2x.png)
	}
}

ul.device-wall.device-wall--en .device.apple-pay {
	background-image: url(../img/phone-apple-pay-en.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall.device-wall--en .device.apple-pay {
		background-image: url(../img/phone-apple-pay-en@2x.png)
	}
}

ul.device-wall.device-wall--en .device.wechat {
	background-image: url(../img/phone-hongbao-en.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi),
screen and (-webkit-min-device-pixel-ratio:2) {
	ul.device-wall.device-wall--en .device.wechat {
		background-image: url(../img/phone-hongbao-en@2x.png)
	}
}

* {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: text
}

body,
html {
	height: 100%
}
.home-content .product-module-item{height: 555px;}
.jiaoY{width: 50%;height: 185px; /*border: solid 1px red;*/display: inline-block;float: right;}
.jiaoYr{width: 40%;height: 300px; /*border: solid 1px red;*/display: inline-block;float: right;padding: 0 0 0 20px;}
.jiaoYl{width: 60%;height: 300px; /*border: solid 1px red;*/display: inline-block;float: right;padding: 0 0 0 60px;
}
.jiaoCr{/*border: solid 1px black;*/width: 60%;height: 100%;box-sizing: border-box;float: right; }
#Yr img{width: 286px;height: 171px;}
.jiaoCl{/*border: solid 1px blue;*/width: 40%;height: 100%;box-sizing: border-box; float: left;}
.jiaoY h6{margin: 40px 0 15px 0;text-align: left;color: #555;font-weight: 400;font-size: 18px;}
.jiaoY p{text-align: left;font-weight: 400;color: #555;}
.button-c{border: solid 1px rgb(25,173,240);padding: 7px 11px; color: rgb(25,173,240);float: left;margin: 11px auto;
}
.jiaoYl h4{text-align: left; font-weight: 400;}
.jiaoYl p{text-align: left;font-weight: 400;colo:"#555"}
.jiaoCl img{margin-top: 58px;}
 #Yr_box{height: 22px;width: 250px;margin: 0 auto;position: relative;top: -45px;overflow-x: hidden; background-repeat:no-repeat ;}
 #Yr_{background-image: url(../../img/123_02.png);height: 24px;width: 8000px;position: relative;animation:mymove 50s infinite linear;
 -webkit-animation:mymove 50s infinite linear; /*Safari and Chrome*/
}}
 @keyframes mymove
{
from {left:0px;}
to {left:-7700px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:-7700px;}
}
@media screen and (max-width: 750px) {
	*{font-size: 14px;}
	.home-content .product-module-item{height: 1100px;}
	/*.product-module-item{padding: 0;margin: 0;}*/
	.jiaoCr h6{text-align: center;margin-top: 20px;}
	.jiaoCr p{text-align: center;}
	.jiaoYl h4{text-align: center;margin-top: 40px;}
	.jiaoYl p{text-align: center;}
    .jiaoY{width: 100%;height: 200px; }
    .jiaoYr{width: 100%;height: 200px; padding: 0;}
	.jiaoYl{width: 100%;height: 200px; padding: 0;}
	.jiaoCr{width: 100%; height: 70%;}
	.jiaoCl{width: 100%; height: 30%; }
	.jiaoCl img{margin-top: 0;}
	#roo{display: none;}
	#kc_img{margin-top: 78px;}
	.button-c{margin-left: 34%;}
	.align-center{border-bottom: solid 0px #eee !important;}
}

